select 的选中问题

时间：2022-05-25 16:22:16
function bind(pageIndex) {
if (getQueryString("_status") == "3") {//从首页中慢病管理人数进入页面

        $('#selStatus option:eq(2)').attr('selected', 'selected')

    } else if (getQueryString("_status") == "2") {//从慢病管理待定信息进入

        $('#selStatus option:eq(1)').attr('selected', 'selected')

    } else {//从左侧树形结构进入

        $('#selStatus option:eq(0)').attr('selected', 'selected')

    }

    var _status = $("#selStatus").val();//状态

    //其他.........

}
<select class="form-control m-bot15" id="selStatus" onchange="bind(0)">

　　<option value="1">系统默认</option>

　　<option value="2">待 定</option>

　　<option value="3">确 诊</option>

　　<option value="4">康 复</option>

</select>

工作中遇到这样的现象，如上述代码。

一个函数，绑定在select中onchange事件中。

此页面从不同的地方进入呢，它的状态是不同的，所以根据从不同的地方进入设置了固定的选中的option。。

在chrome，ie，Firefox中呢不会有任何的问题，感觉很完美的样子。。

然而，然而在 360浏览器中，会发生点击select切换option失效，切换不了啊，怎么选都是最开始进入页面的那个状态呀。。

这可咋办！！

脑仁疼之后恢复了冷静，找原因呀。。

哦，找到了！

看我贴的那段js代码，

我把根据不同入口设置不同的选中状态写在了bind()函数内，这样的话，只要一触发onchange，就会重新if else 一遍，就又会根据getQueryString的值选中特定的option。。。

唉，，拿出来就好了。

但是其他浏览器怎么就没受影响呢？

嗯，自己挖的坑要自己填。

相关文章