变化中的下拉菜单

2022-05-08

以下示例是关于Html中包含变化中的下拉菜单用法的示例代码,想了解变化中的下拉菜单的具体用法?变化中的下拉菜单怎么用?变化中的下拉菜单使用的例子?那么可以参考以下相关源代码片段来学习它的具体使用方法。

[英]:drop down onchange javascript源码类型:Html
 <select id="ddlFruits">
    <option value=""></option>
    <option value="1">Apple</option>
    <option value="2">Mango</option>
    <option value="3">Orange</option>
</select>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#ddlFruits").change(function () {
            var selectedText = $(this).find("option:selected").text();
            var selectedValue = $(this).val();
            alert("Selected Text: " + selectedText + " Value: " + selectedValue);
        });
    });
</script>

本文地址:https://www.itbaoku.cn/snippets/785475.html