easyui-dialog下select默认状态无效

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

草灯

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

阅读量2.6k

点赞数 1

分类专栏： web前端文章标签： select jq

本文链接：https://blog.csdn.net/eadio/article/details/47297291

版权

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

摘要由CSDN通过智能技术生成

        在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?of