jQuery动态控制下拉列表的被选项
2011-10-21 16:22
337 查看
在J2EE应用中,我需要用下拉列表作为搜索条件的输入。当返回搜索结果时,下拉列表输入框中同样应该显示原搜索条件,这样就要根据搜索值判断哪个<option>被选中。通常是这样做的:
但这样感觉很麻烦,特别是当选择项比较多的时候,于是我想用jQuery来实现:
一行代码就解决了,很方便
今天又发现了一种方法,更方便:
<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属性我以前都一直没有注意到。。。
<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动态控制下拉列表的被选项[转]
- jQuery动态添加下拉列表选项
- jquery之动态级联下拉列表
- jquery如何书写一个根据下拉选择列表的选择值 控制其他标签时候显示的功能
- jquery实现动态改变下拉列表
- 模仿combbox的创建下拉列表js支持动态选项
- 动态给select下拉列表添加选项option
- SpringMVC中AJAX通过JSONArray向下拉列表中动态添加选项
- jquery下拉列表选中项改变时获取新选项的属性值
- jquery之动态级联下拉列表
- jQuery动态产生select option下拉列表
- Jquery为下拉列表动态赋值与取值,取索引
- 使用JS,如何给下拉列表动态的添加一个option 选项?
- jQuery实现动态加载select下拉列表项功能示例
- jquery 实现左右下拉列表 选项 移动
- Axure RP Pro - 相关问题 - 在规格文档中动态面板中的droplist下拉列表框部件会重复输出选项列表
- ajax+jquery+flea+smarty实现了通过选择下拉列表动态显示相应的数据
- select下拉列表, 从数据库查询,动态添加选项option
- [JavaScript] 动态生成下拉列表select的选项