select 的选中问题
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。。。
唉,,拿出来就好了。
但是其他浏览器怎么就没受影响呢?
嗯,自己挖的坑要自己填。