easyui中的option设置selected没有效果

在mvc中,使用了easyUI框架,然后我点击添加新消息的时候弹窗一个新窗口,添加信息。却发现我的select一直无法设置默认状态,jq选中,还是直接在添加一条请选择的option都没办法选中,网络上查找很多资料,给div添加什么元素之类的都没有任何变化,
    
        最后还是使用的排除法,吧select标签复制到其他地方,包括在div.easyui-dailog的div里头都没有问题,只有当在form表单里头才出了状况。
    
        于是我又倒回去查看自己写的js代码,发现$("#fmAdd").form("clear");是这句话导致了,我经常习惯性的要把新添加的form表单清空下,但是忽略了,我的select内容是先透过ajax获取数据并设置选中的,这样一清空又吧默认状态给搞没了。
    

        所以在写js的过程还是要好好考虑每句话的作用。

        但是因为每次点击表单的时候上一次填入的信息就会存在,于是才有了需要每次都把表单清空的选项,这样我们就在清空后面手动设置select第一项选中而不是在初始化select的时候设置的

        $("#fmAdd").form("clear");
        $("#userId option").eq(0).attr("selected", true);

        而不是:

$.getJSON(
        "/Client/GetSelect?oflag=wtf",
        function (result) {
            if (result != null) {
                var sb = "";
                for (var i = 0; i < result.length; i++) {
                    sb += "<option value='"+result[i].id+"'>"+result[i].id +" - " + result[i].rName+"</option>";
                }
                $("#userId").append(sb);
                //$("#userId option").eq(0).attr("selected", true);        //这里选中的话,就无效了
            }
        }
    );

猜你喜欢

转载自www.cnblogs.com/qianzf/p/9542734.html
今日推荐