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

最新推荐文章于 2024-09-26 13:58:48 发布

转载最新推荐文章于 2024-09-26 13:58:48 发布 · 2.2k 阅读

文章标签：

#javascript #前端 #java #ViewUI

本文介绍了一种利用JavaScript实现表单值预填充的方法。通过读取隐藏字段中存储的数据，如性别、婚姻状况和教育程度等，并将其设置为对应表单元素的默认值。这种技术确保了用户在填写表单时可以省略已知信息，从而提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

详细介绍请查看全文：https://cnblogs.com/qianzf/

原文博客的链接地址：https://cnblogs.com/qzf/