首页 > 其他 > 详细

easyui中的option设置selected没有效果

时间:2018-08-27 17:36:38      阅读:241      评论:0      收藏:0      [点我收藏+]

在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);        //这里选中的话,就无效了
            }
        }
    );

easyui中的option设置selected没有效果

原文:https://www.cnblogs.com/qianzf/p/9542734.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!