JQuery下拉控件select的操作汇总
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery下拉控件select的操作汇总,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1922字,纯文字阅读大概需要3分钟。
内容图文
JQuery获取和设置Select选项方法汇总如下:
获取select
先看看下面代码:缙云县外国专家局
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最大的索引值 |
6
|
$(
"#select_id "
).get(0).selectedIndex=1;
//设置Select索引值为1的项选中
|
7
|
$(
"#select_id "
).val(4);
//设置Select的Value值为4的项选中
|
8
|
$(
"#select_id option[text=‘jQuery‘]"
).attr(
"selected"
,
true
);
//设置Select的Text值为jQuery的项选中
|
获取select 选中的 text :
1
|
$(
"#ddlRegType"
).find(
"option:selected"
).text();
|
获取select选中的 value:
1
|
$(
"#nowamagic"
).val();
|
获取select选中的索引:
1
|
$(
"#nowamagic"
).get(0).selectedIndex;
|
设置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
|
6
|
$(
"#select_id option[text=‘4‘]"
).remove();
//删除Select中Text=‘4‘的Option
|
设置select 选中的索引:
1
|
//index为索引值
|
2
|
$(
"#nowamagic"
).get(0).selectedIndex=index;
|
设置select 选中的value:
1
|
$(
"#nowamagic"
).attr(
"value"
,
"Normal"
);
|
2
|
$(
"#nowamagic"
).val(
"Normal"
);
|
3
|
$(
"#nowamagic"
).get(0).value = value;
|
设置select 选中的text:
1
|
var count=$( "#nowamagicoption" ).length; |
2
|
for
(
var i=0;i<count;i++) |
3
|
{
if
($(
"#nowamagic"
).get(0).options[i].text == text)
|
4
|
{
|
5
|
$(
"#nowamagic"
).get(0).options[i].selected =
true
;
|
6
|
|
7
|
break
;
|
8
|
}
|
9
|
}
|
清空 select:
1
|
$(
"#nowamagic"
).empty();
|
原文:http://www.cnblogs.com/xiaoyang002/p/4067807.html
内容总结
以上是互联网集市为您收集整理的JQuery下拉控件select的操作汇总全部内容,希望文章能够帮你解决JQuery下拉控件select的操作汇总所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。