EL表达式选中select的option问题

川长思鸟来 2023-01-13 01:42 148阅读 0赞

错误的解决方案：

<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>

推荐使用第二种解决方法

发表评论取消回复

表情：

评论列表（有 0 条评论，148人围观）

还没有评论，来说两句吧...

相关阅读

相关 select option 根据后台值选中

在写业务的时候,会遇到select根据后台传来的数据来动态的选择option;下面是核心前端代码: html： <input type="hidden" id="s

た入场券/ 2023年02月18日 15:24/ 0 赞/ 227 阅读

相关 EL表达式选中select的option问题

错误的解决方案： <label for="customer_level">客户等级:</label> <select name="cu

川长思鸟来/ 2023年01月13日 01:42/ 0 赞/ 149 阅读

相关 layui 设置select的option被选中

html代码 <div class="layui-form-item"> <label class="layui-form-label">所属角色</lab

比眉伴天荒/ 2022年10月15日 07:56/ 0 赞/ 363 阅读

相关 ElementUI - ＜el-select＞ / ＜el-option＞如何选中后返回多个数据 / 整个item

前言 > `<el-select>` 组件文档：[https://element.eleme.cn/\/zh-CN/component/select][https_ele

梦里梦外;/ 2022年10月09日 06:30/ 0 赞/ 138 阅读

相关 HTML中获取select选中的option节点

当我们想要获取select标签选中的option值value外，我们还希望获取option标签上的其它值，我们可以这么做： <html> <head>

落日映苍穹つ/ 2022年05月05日 03:28/ 0 赞/ 503 阅读

相关 jquery 获取被选中的select中被选中的option的值

前提引入jquery文件 -------------------- html页面代码  <select

深藏阁楼爱情的钟/ 2022年04月24日 06:04/ 0 赞/ 360 阅读

相关 JQ-select触发选中option之change事件

使用JQ触发select的选中事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8

怼烎@/ 2022年04月17日 01:47/ 0 赞/ 903 阅读

相关 jq动态修改select 的option值,使option值自动选中

<script> var value=<?php echo $typeid;?>; $('select').find("option[value="+v

ゝ一世哀愁。/ 2021年09月26日 09:12/ 0 赞/ 515 阅读

相关实现select中指定option选中触发事件

我们在用到下拉列表框select时，需要对选中的<option>选项触发事件，其实<option>本身没有触发事件方法，我们只有在select里的onchange方法里触发。

待我称王封你为后i/ 2021年09月14日 12:36/ 0 赞/ 361 阅读

相关 el表达式设置option标签selected

今天早些时候把eclipse升级到了最新版的oxygen（氧气版），然后jsp的校验列出了一系列的错误，红得让人受不了。 ![这里写图片描述][SouthEast] 以前版

红太狼/ 2021年05月10日 11:18/ 0 赞/ 570 阅读