- 需求:通常用户修改资料页面会加载它现有的值,这时应该从数据库取出该用户需要显示在页面的字段,封装成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>