easyui中的option设置selected没有效果

最新推荐文章于 2022-06-13 16:42:45 发布

转载最新推荐文章于 2022-06-13 16:42:45 发布 · 294 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qianzf/p/9542734.html

文章标签：

#javascript #测试 #ViewUI

博客讲述在MVC中使用EasyUI框架时，点击添加新消息弹窗添加信息，select无法设置默认状态。经排查，发现是js代码中清空表单语句所致。最后通过在清空表单后手动设置select第一项选中解决问题，提醒写js要考虑语句作用。

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

转载于:https://www.cnblogs.com/qianzf/p/9542734.html