1NetMedia_Blog

<< 在一个公用JS文件中加载Jquery并...  类别: JS as2.0轻松搞定mc的深度 >>
jquery 对select中的option操作
[ 日期: 2013-03-28 4:19:47 PM | 作者: admin | 来源: 网络转载 | 人气:2898 | 晴天 | 心情: +2 ] 字号: 【
急速栏目链接:
标签:jquery  |  select  |  option  |  
Jquery的功能很强大,下面介绍Jquery操作表单select元素的用法:

jQuery获取select元素,并选择的Text和Value:

1. $("#select_id").change(function(){//code...}); //为select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取select选择的Text
3. var checkValue=$("#select_id").val(); //获取select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取select最大的索引值

jQuery获取select元素,并设置的 Text和Value:
实例分析:
1. $("#select_id ").get(0).selectedIndex=1; //设置select索引值为1的项选中
2. $("#select_id ").val(4); // 设置select的Value值为4的项选中
3. $("#select_id option[id='jQuery']").attr("selected", true); //设置select的Text值为jQuery的项选中

jQuery添加/删除select元素的Option项:
实例分析:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除select中Value='3'的Option
6. $("#select_id option[text='4']").remove(); //删除select中Text='4'的Option


三级分类:
<select name="thirdLevel" id="thirdLevel"
onchange="getFourthLevel()">
<option value="0" id="thirdOption">
请选择三级分类
</option>
</select>
</div>

四级分类:
<select name="fourthLevelId" id="fourthLevelId">
<option value="0" id="fourthOption">
请选择四级分类
</option>
</select>

</div>

.if($("#thirdLevel").val()!=0){
$("#thirdLevel option[value!=0]").remove();
}
if($("#fourthLevelId").val()!=0){
$("#fourthLevelId option[value!=0]").remove();
}

//这个表示:假如我们希望当选择选择第三类时:如果第四类中有数据则删除,如果没有数据第四类的商品中的为默认值。在后面学习了AJAX技术后经常会使用到!
   
Rss Comment  

没有相关评论

发表评论
请先注册,才能发表评论!
- 注册 -