改变select组件的option选中状态的快捷方法

时间：2024-01-20 08:14:15

以前我都是在<option>标签处通过判断value是否与其中一个相同然后输出selected="selected"来处理的，今天发现可以直接能过Js改变<select>组件的value值来改变option的选中状态。

<html>

    <select id="status" name="status" style="padding-left: 15px" class="i_w160" >

        <option value="">全部</option>

        <option value="NOT_HANDLED" selected="selected">待处理</option>

        <option value="HANDLED">已处理</option>

     </select>

    <button onClick="fun()">点击767</button>

    <script>

    function fun(){

        document.all.status.value="HANDLED";

        alert(document.all.status.value);

    }

    </script>

</html>

查看效果：

全部
待处理
已处理
点击767

相关文章