代码总结：下拉框怎么根据参数值动态选定

最新推荐文章于 2024-07-02 16:22:10 发布

yicha_icode

最新推荐文章于 2024-07-02 16:22:10 发布

阅读量1k

点赞数

分类专栏： jquery 文章标签： jquery 下拉框动态选中

本文链接：https://blog.csdn.net/yicha_i/article/details/82625151

版权

jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

需求：通常用户修改资料页面会加载它现有的值，这时应该从数据库取出该用户需要显示在页面的字段，封装成User对象，前台据此给相关标签写上默认值（此时如果加reset按钮，它就不是重置了，而是给资料页恢复默认设置），但是下拉框的值怎么绑定后台传过来的相应数据呢？
演示：get传参，动态选中

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>下拉框怎么动态绑定selected</title>
<script type="text/javascript" src="jquery/jquery-1.12.4.js"></script></head>
<script>
    $(function(){
        $("option").each(function(i,op){
            if($(op).val() == $("#city").attr("data"))
                op.selected = true;
        });
    });
</script>
<body>
<div><input type="text" placeholder="账户" value="${param.user }"/></div>
<div><input type="password" placeholder="密码" value="${param.pwd }"/></div>
<select id="city" data="${param.city }">
    <option>==选择城市==</option>
    <option value="bj">北京</option>
    <option value="sh">上海</option>
    <option value="gz">广州</option>
    <option value="sz">深圳</option>
</select>
</body>
</html>