easyui-dialog下select默认状态无效

最新推荐文章于 2024-05-18 21:18:52 发布

原创最新推荐文章于 2024-05-18 21:18:52 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#select #jq

web前端专栏收录该内容

63 篇文章

订阅专栏

在使用EasyUI的dialog组件时，遇到一个情况，即在每次打开表单时，之前填写的信息依然存在，包括select的选择项。为了解决这个问题，需要在清除表单后手动设置select的第一项为选中状态，而不是在填充select数据时设置。通过`$("#fmAdd").form("clear");` 清空表单后，使用`$("#userId option").eq(0).attr("selected", true);` 来设置默认选中，避免在填充数据时设置的`selected`属性失效。" 138860827,20272276,YOLOv8-Seg改进：CGA融合技术解析,"['目标检测', '深度学习', '计算机视觉', 'YOLO', 'CGA融合']

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