翎羽纷纷的学习笔记

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。。。

唉,,拿出来就好了。

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

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

posted on 2017-06-27 16:48  翎羽纷纷的学习笔记  阅读(194)  评论(0编辑  收藏  举报

导航