JS读取DropDownList中的值

最新推荐文章于 2022-03-25 08:34:16 发布

CLeopard

最新推荐文章于 2022-03-25 08:34:16 发布

阅读量3.6k

点赞数

分类专栏： asp.Net 文章标签： javascript js dropdownlist

asp.Net 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了一个使用 ASP.NET 的 DropDownList 控件的基本示例。通过 JavaScript 函数展示了如何获取下拉列表中被选项目的索引、绑定值及文本值。此示例适用于初学者了解 DropDownList 控件的交互方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>无标题页 </title> 
    <script type="text/javascript"> 
    function aa() 
    { 
        var ddl = document.getElementById("DropDownList1"); 
        alert(ddl.selectedIndex);//选择索引值 
        alert(ddl.options[ddl.selectedIndex].value);//绑定值 
        alert(ddl.options[ddl.selectedIndex].text);//文本值 
    } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <asp:DropDownList ID="DropDownList1" runat="server"> 
            <asp:ListItem Value="1">一 </asp:ListItem> 
            <asp:ListItem Value="2">二 </asp:ListItem> 
            <asp:ListItem Value="3">三 </asp:ListItem> 
        </asp:DropDownList> 
        <input id="Button1" style="position: relative" type="button" value="button" onclick="aa();" /> </div> 
    </form> 
</body> 
</html>