EL表达式选中select的option问题
程序员文章站
2022-04-07 17:49:04
...
错误的解决方案:
<label for="customer_level">客户等级:</label>
<select name="customer_level" id="customer_level">
<option value="1" selected="${order.customer_level!=1?false:true}">1级</option>
<option value="2" selected="${order.customer_level!=2?false:true}">2级</option>
<option value="3" selected="${order.customer_level!=3?false:true}">3级</option>
</select>
第一种:解决方案
使用js方法一开始就加载绑定上去
window.onload = function () {
//动态选择客户等级
$("#customer_level option[value='']").removeAttr("selected"); //2.移除默认选项的选中状态 removeAttr("selected")
$("#customer_level option[value='" + '${order.customer_level}' + "']").attr("selected", "selected");
//一开始的时候加载客户名称数据,动态选择客户名字
$("#customerId option[value='']").removeAttr("selected"); //2.移除默认选项的选中状态 removeAttr("selected")
$("#customerId option[value='" + '${order.customerId}' + "']").attr("selected", "selected");
//动态选择订单的状态
$("#order_status option[value='']").removeAttr("selected"); //2.移除默认选项的选中状态 removeAttr("selected")
$("#order_status option[value='" + '${order.order_status}' + "']").attr("selected", "selected");
//动态选择用途
$("#use option[value='']").removeAttr("selected"); //2.移除默认选项的选中状态 removeAttr("selected")
$("#use option[value='" + '${order.use}' + "']").attr("selected", "selected");
}
第二种解决方案:
<label for="customer_level">客户等级:</label>
<select name="customer_level" id="customer_level">
<option value="1" ${order.customer_level!=1?"":"selected"}>1级</option>
<option value="2" ${order.customer_level!=2?"":"selected"}>2级</option>
<option value="3" ${order.customer_level!=3?"":"selected"}>3级</option>
</select>
案例:
<select name="customerId" id="customerId">
<c:forEach var="i" items="${customerName}">
<option value="${i.id}" ${order.customerId!=i.id?"":"selected"}>${i.name}</option>
</c:forEach>
</select>
推荐使用第二种解决方法
推荐阅读
-
jquery select选中的一个小问题_jquery
-
layui之select的option叠加问题的解决方法
-
js获取select默认选中的Option并不是当前选中值_javascript技巧
-
Element-ui中元素滚动时el-option超出元素区域的问题
-
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
-
jsp页面中EL表达式被当成字符串处理不显示值问题的解决方法
-
IE8下Jquery获取select选中的值post到后台报错问题
-
解决vue 更改计算属性后select选中值不更改的问题
-
EL表达式获取属性失败的问题分析
-
如何获得select被选中option的value和text