JQuery中对option的添加、删除、取值

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的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

5.?$(“#select_id?option[text=’4′]”).remove();?//删除Select中Text=’4’的Option

内容清空:

$(“#charCity”).empty();

自由转载,转载请注明: 转载自WEB开发笔记 www.chhua.com

本文链接地址: JQuery操作option的添加、删除、取值 http://www.chhua.com/web-note4732

相关笔记

更多