根据后台传回值，显示下拉框的值

最新推荐文章于 2023-07-24 10:26:24 发布

转载最新推荐文章于 2023-07-24 10:26:24 发布 · 3.1k 阅读

本文介绍如何使用JQuery根据后台传来的值动态设置页面上单选框和下拉框的选中状态，适用于表单初始化场景。通过判断隐藏字段的值，选择相应的表单项并设置其为选中状态。

jquery怎么根据后台传过来的值动态设置下拉框、单选框选中

$(function(){
    var sex=$("#sex").val();
    var marriageStatus=$("#marriageStatus").val();
    var education=$("#education").val();
    if(!isnull(sex)){
        $("input:radio[name='sex'][value="+sex+"]").attr('checked','true');
    }
    if(!isnull(marriageStatus)){
        $("input:radio[name='marriageStatus'][value="+marriageStatus+"]").attr('checked','true');
    }
    if(!isnull(education)){
        $("#education1 option[value='"+education+"']").attr("selected", true);
    }
});

<input type="hidden" id="sex" value="${serviceInfo.sex}"/>
<input type="radio" name="sex" value="0" checked="checked"/>男
<input type="radio" name="sex" value="1"/>女

<input type="hidden" id="marriageStatus" value="${serviceInfo.marriageStatus}"/>
<input type="radio" name="marriageStatus" value="0" checked="checked"/>是
<input type="radio" name="marriageStatus" value="1"/>否

<input type="hidden" id="education" value="${serviceInfo.education}"/>
<select name="education" id="education1">
    <option value="硕士">硕士</option>
    <option value="本科">本科</option>
    <option value="大专">大专</option>
    <option value="其它">其它</option>
</select>

感谢锋齐叶落分享