<select>控件中，选中第一个值是不会触发onchange事件的，如何使选中第一值可以触发事件呢？

Posted 2023-03-20

如题~

onchange从这个名称就可以看出，只有在select的选项有改变（change）的时候才会触发这个事件的。一般情况下select的第一个选项是默认选项，当你选中第一个项时，由于值没有改变，所以是不会触发onchange事件的。解决这个问题并没有什么完美的办法，一般你可以增加一个空值的项作为第一选项，比如<option>请选择</option>，这样原来的第一项就变成了第二项，点击该项值就有所改变了，就会触发onchange事件了；或者把除第一项外的其他项设为默认值，这样点击第一项也会触发事件的。 参考技术A DropDownList加上OnSelectedIndexChanged方法，并加上AutoPostBack="true"后，会生成相应的js脚本，如：
<asp:DropDownList ID="dropdownlist1" runat="server" AutoPostBack="true"
onselectedindexchanged="dropdownlist1_SelectedIndexChanged">
得到的html代码是：
<select name="dropdownlist1" onchange="javascript:setTimeout('__doPostBack(\'dropdownlist1\',\'\')', 0)" id="dropdownlist1">

那么在你的其它代码里，只要调用相应的js代码就可以了，比如
<script type='text/javascript'>
function myevent()
setTimeout('__doPostBack(\'dropdownlist1\',\'\')', 0);

</script>
参考技术B

其实我今天想到了一个更好的办法 

<select id="test"  onclick="test()">
    <option value="1">测试一</option>
　　<option value="2">测试二</option>
　　<option value="3">测试三</option>
　　<option value="4">测试四</option>
</select>

<script>
    var click_num = 0;
    function test()
        click_num = click_num + 1;
        if(click_num == 2)
            click_num = 0;
            alert($('#test').val());
        
    
</script>

参考技术C 这个可以设置初始值是多少