欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

推荐使用第二种解决方法

相关标签: 笔记