easyui中form提交combobox只读且可提交

easyui中form提交combobox只读且可提交

easyui中form提交combobox只读且可提交，form清空数据。相信做开发的大部分都用过easyUI，都知道combobox，新增修改功能定是每天都做，那么今天的文章应该能帮到你

• $(“#ID”).combobox({disabled: true}); //设置下拉款为禁用，提交的时候xx也找不到了
• $(“#ID”).combobox(‘readonly’,true); //设置下拉款为只读，和可点击一样颜色分不出来

---

怎么办？

有没有这两种方式的结合体？不错有，你已经想到了，给readOnly加样式。 用法不同，写法不一样，我的代码新增修改是一个div，我们按照一个div说。

取消只读：

新增的时候，不需要设置样式，当在修改页面时，取消或者提交的时候设置取消只读。

$("#areaID").combobox('readonly',false); 
$("#areaID").textbox('textbox').css('background-color',''); 

设置只读：

修改的时候，获取原先存储的值，并且将combobox置灰。

$("#areaID").combobox("setValue","xxx");
$("#areaID").combobox('readonly',true); 
$("#areaID").textbox('textbox').css('background-color','rgb(235, 235, 228)');

点击修改再点新增同一div，数据停留在字段上：

例如上图，我点了修改之后，置灰相关按钮，不想修改了，就点击取消，这时想新增一条数据。点新增后，发现地市等字段都可下拉选择了，但是，底下所有的字段都有数据，都是上一条修改的记录，尴尬了。

解决：

clear，清空所有对input字段来说没问题，但是，对我需要的地市区县下拉列表来说，不否和要求。

$("#editForm").form("clear");

reset，清空所有，但后面可以紧跟着你初始赋值的方法。例如我打开新增窗口的时候，默认加载loadLan()方法，设置了地市区县默认值，这样清空只清空你想清空的

$("#editForm").form("reset");
loadLan();