jQuery对select的操作
2011-12-06 14:57
357 查看
获取Select :
获取select 选中的 text :
$("#selectId").find("option:selected").text();
获取select选中的 value:
$("#selectId").val();
获取select选中的索引:
$("#selectId").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#selectId").get(0).selectedIndex=index;//index为索引值
设置select 选中的value:
$("#selectId").attr("value","Normal“);
$("#selectId").val("Normal");
$("#selectId").get(0).value = value;
设置select 选中的text:
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
$("#selectId").append("<option value='Value'>Text</option>"); //添加一项option
$("#selectId").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#selectId option:last").remove(); //删除索引值最大的Option
$("#selectId option[index='0']").remove();//删除索引值为0的Option
$("#selectId option[value='3']").remove(); //删除值为3的Option
$("#selectId option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#selectId").empty();
获取select 选中的 text :
$("#selectId").find("option:selected").text();
获取select选中的 value:
$("#selectId").val();
获取select选中的索引:
$("#selectId").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#selectId").get(0).selectedIndex=index;//index为索引值
设置select 选中的value:
$("#selectId").attr("value","Normal“);
$("#selectId").val("Normal");
$("#selectId").get(0).value = value;
设置select 选中的text:
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
$("#selectId").append("<option value='Value'>Text</option>"); //添加一项option
$("#selectId").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#selectId option:last").remove(); //删除索引值最大的Option
$("#selectId option[index='0']").remove();//删除索引值为0的Option
$("#selectId option[value='3']").remove(); //删除值为3的Option
$("#selectId option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#selectId").empty();
相关文章推荐
- jQuery对select操作小结
- JQuery一日一练(select的各种操作)
- 对 Select 的各种操作(JQuery)
- jquery操作select标签change事件
- jsp jquery实现级联菜单,jquery对select元素的简单操作
- jQuery的radio,checkbox,select操作
- jQuery对select操作小结(遍历option,操作option)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jQuery select操作控制方法小结
- jquery操作select(取值,设置选中)
- jQuery的Select操作集合
- Jquery操作select下拉框的多种方法
- jQuery-对Select的操作集合
- jQuery-对Select的操作集合[终结篇]
- jQuery操作Select
- jquery操作select(取值,设置选中)
- jquery的select操作
- jquery操作select(取值,设置选中)
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件