一、问题说明
现在表单有一个下拉框,需要禁用掉这个下拉框,不让用户进行修改操作,同时又能将下拉框此时已经选中的值能传到后台
碰到的问题:
1.首先会想到用readonly,但这个属性对input输入框起作用,对下拉框不生效,用户依然可以修改选择值
2.如果用disabled,会发现页面元素确实无法进行操作,但是下拉框原有的选择值无法传到后台去
二、解决方法
方法一:网上查找后发现下面的解决方法:
通过前端js进行控制,如果页面在进行初始化加载,则将下拉框更改为disabled;如果用户点击“提交”按钮,则取消下拉框的disabled属性(https://www.jb51.net/web/178216.html,https://blog.csdn.net/hpu_yly_bj/article/details/74958750)
另外要补充一点,这样做的话,点完“提交”按钮后,不能让用户停在当前表单页面;提交后,要么进入一个新的页面,要么局部加载当前表单页面
方法二:由于项目中后台使用了ibatis框架,我通过后台sql语句做了处理:
前端select依然是disabled
<select id="province" name="user.province" disabled="disabled">
<option value></option>
<option value="1">北京</option>
<option value="2" selected="selected">上海</option>
<option value="3">广州</option>
</select>
后台动态sql中得不到属性值(拿到的是null),就不进行修改操作
<isNotEmpty property="province" prepend=",">
t.vc_province=#province#
</isNotEmpty>
有关ibatis中isNotEmpty和isNotNull的区别,可以看下https://blog.csdn.net/u010999809/article/details/81070891