JS获取DropDownList的value值与text值的示例代码

174 阅读 0 评论 115 点赞

我是靠谱客的博主闪闪铅笔，最近开发中收集的这篇文章主要介绍JS获取DropDownList的value值与text值的示例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

相关JS：

复制代码代码如下:

<script type="text/javascript" language="javascript">
    function SearchChange()
    {
        var ddl = document.getElementById("DropDownList1")   
        var index = ddl.selectedIndex;   

        var Value = ddl.options[index].value;   
        var Text = ddl.options[index].text;

        alert(Value);
    }
    </script>

调用：

复制代码代码如下:

<asp:DropDownList ID="DropDownList1" runat="server" onchange="SearchChange();">
    <asp:ListItem Value="0">111</asp:ListItem>
    <asp:ListItem Value="1">222</asp:ListItem>
    <asp:ListItem Value="2">333</asp:ListItem>
</asp:DropDownList