JS获取DropDownList的value值与text值

ASP.NET DropDownList与JS交互示例
本文介绍了一个使用ASP.NET DropDownList控件结合JavaScript进行下拉框选择项更改时触发事件的具体实现方式。通过示例代码展示了如何在用户选择不同选项时弹出提示框显示所选值。

 相关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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值