您的位置:首页 > Web前端 > JQuery

jQuery动态控制下拉列表的被选项

2011-10-21 16:22 337 查看
在J2EE应用中,我需要用下拉列表作为搜索条件的输入。当返回搜索结果时,下拉列表输入框中同样应该显示原搜索条件,这样就要根据搜索值判断哪个<option>被选中。通常是这样做的:

<form id="form" action="/query!query.action">
<select>
<option value ="" <% if(city==null||"".equal(city)){%> selected="selected"<%}%>>
全部
</option>
<option value ="1" <% if("1".equal(city)){%> selected="selected"<%}%>>
北京
</option>
<option value ="2" <% if("2".equal(city)){%> selected="selected"<%}%>>
上海
</option>
<option value ="3" <% if("3".equal(city)){%> selected="selected"<%}%>>
广州
</option>
</select>
<input type="submit"/>
</form>


但这样感觉很麻烦,特别是当选择项比较多的时候,于是我想用jQuery来实现:

<script type="text/javascript">
$(document).ready(function(){
$("#city${city}").attr("selected","selected");
})
</script>
<form id="form" action="/query!query.action">
<select name="city">
<option value ="" id="city" selected="selected">全部</option>
<option value ="1" id="city1">北京</option>
<option value ="2" id="city2">上海</option>
<option value ="3" id="city3">广州</option>
</select>
<input type="submit"/>
</form>


一行代码就解决了,很方便

今天又发现了一种方法,更方便:

<script type="text/javascript">
$(document).ready(function(){
$("#city").val("${city}");
})
</script>
<form id="form" action="/query!query.action">
<select name="city" id="city">
<option value ="" >全部</option>
<option value ="1" >北京</option>
<option value ="2">上海</option>
<option value ="3">广州</option>
</select>
<input type="submit"/>
</form>

select 标签的value属性我以前都一直没有注意到。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery action function null