jq操作select集合
来源:互联网 发布:中远网络 编辑:程序博客网 时间:2024/05/16 23:01
jq操作select集合
时间:2012年12月07日分类:Javascript
最近一段时间发现,老是要跟select,option相关的东西打交道,而且有的时候还会搞错,于是,抽了一点时间整理了一份使用jq库来操作select的一些事件及方法,供大家参考。
html代码:
?
1
2
3
4
5
6
7
8
9
<</code>select
id
=
"selectTest"
name
=
"selectTest"
>
<</code>option
value
=
"请选择"
>请选择</</code>option
>
<</code>option
value
=
"1"
>11</</code>option
>
<</code>option
value
=
"2"
>22</</code>option
>
<</code>option
value
=
"3"
>33</</code>option
>
<</code>option
value
=
"4"
>44</</code>option
>
<</code>option
value
=
"5"
>55</</code>option
>
<</code>option
value
=
"6"
>66</</code>option
>
</</code>select
>
获取Select:
获取select选中的text
$('#selectTest').find('option:selected').text();
获取select选中的val
$('#selectTest').find('option:selected').val();
获取select选中的索引
$('#selectTest').get(0).selectedIndex
设置Select:
设置select选中的text
var text = "66";
var count = $("#selectTest option").length;
for(var i = 0; i < count; i++){
if($("#selectTest").get(0).options[i].text == text){
$("#selectTest").get(0).options[i].selected = true;
break;
}
}
设置select选中的value
$("#selectTest").find('option:selected').attr("value","Normal");
$("#selectTest").find('option:selected').val("Normal");
$("#selectTest").get(0).options[0].value = "Normal";
设置select选中的索引
$("#selectTest").get(0).selectedIndex =index;//index为索引值
设置select option项
$("#selectTest").append("< option value='Value'>Text</option>"); //添加一项option
$("#selectTest").prepend("< option value='0'>请选择</option>"); //在前面插入一项option
$("#selectTest option:last").remove(); //删除索引值最大的Option
$("#selectTestoption[index=0]").remove();//删除索引值为0的Option
$("#selectTest option[value='3']").remove();//删除值为3的Option
清空 Select
$("#selectTest").empty();
$("#selectTest").children().remove();
0 0
- jq操作select集合
- jq select操作全集
- jq select操作全集
- jq select操作全集
- jq select操作
- jq select操作全集
- JQ操作select项
- jq select操作全集
- jq select操作全集
- jq操作select
- jq操作select
- jq操作select下拉框
- JQ 操作radio select 等
- Jquery select 操作集合
- Javascript - Select操作大集合
- Javascript - Select操作大集合
- Javascript - Select操作大集合
- Javascript - Select操作大集合
- ajax方法data参数用法的总结
- Linux系统下如何设置IP地址?
- linux ip地址自动获取,ip地址…
- linux命令配置IP详解
- Linux如何自动获取IP地址
- jq操作select集合
- Linux JDK1.4卸载与1.6的安装
- Linux安装JDK1.7 prm
- Linux rpm 命令参数使用…
- RHEL 6 搭建ftp服务 xinetd,telnet
- Linux打开防火墙telnet端口
- 虚拟机中的Linux安装VMware Tools
- RHEL6.3卸载OpenJDK操作示范:
- Linux解压命令