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

以前我都是在<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>

 查看效果:

原文地址:https://www.cnblogs.com/kevin-yuan/p/3287776.html