JQuery 对 Select option 的操作(转)
来源:互联网 发布:大数据平台技术架构 编辑:程序博客网 时间:2024/05/29 09:12
转自博客园:
1
2
3
4
5
6
7
8
<
select
id=
"selectID"
>
<option value=
"1"
>1</option>
<option value=
"2"
>2</option>
<option value=
"3"
>3</option>
<option value=
"4"
>4</option>
<option value=
"5"
>5</option>
<option value=
"6"
>6</option>
</
select
>
下面是对下拉框的基本操作:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<script language=
"javascript"
>
$(document).ready(function() {
//绑定下拉框change事件,当下来框改变时调用 SelectChange()方法
$(
"#selectID"
).change(function() { SelectChange(); });
})
function SelectChange() {
//获取下拉框选中项的text属性值
var
selectText = $(
"#selectID"
).find(
"option:selected"
).text();
alert(selectText);
//获取下拉框选中项的value属性值
var
selectValue = $(
"#selectID"
).val();
alert(selectValue);
//获取下拉框选中项的index属性值
var
selectIndex = $(
"#selectID"
).
get
(0).selectedIndex;
alert(selectIndex);
////获取下拉框最大的index属性值
var
selectMaxIndex = $(
"#selectID option:last"
).attr(
"index"
);
alert(selectMaxIndex);
}
function aa() {
//设置下拉框index属性为5的选项 选中
$(
"#selectID"
).
get
(0).selectedIndex = 5;
}
function bb() {
//设置下拉框value属性为4的选项 选中
$(
"#selectID"
).val(4);
}
function cc() {
//设置下拉框text属性为5的选项 选中
$(
"#selectID option[text=5]"
).attr(
"selected"
,
"selected"
);
$(
"#yyt option:contains('5')"
).attr(
"selected"
,
true
);
}
function dd() {
//在下拉框最后添加一个选项
$(
"#selectID"
).append(
"<option value='7'>7</option>"
);
}
function ee() {
//在下拉框最前添加一个选项
$(
"#selectID"
).prepend(
"<option value='0'>0</option>"
)
}
function ff() {
//移除下拉框最后一个选项
$(
"#selectID option:last"
).remove();
}
function gg() {
//移除下拉框 index属性为1的选项
$(
"#selectID option[index=1]"
).remove();
}
function hh() {
//移除下拉框 value属性为4的选项
$(
"#selectID option[value=4]"
).remove();
}
function ii() {
//移除下拉框 text属性为5的选项
$(
"#selectID option[text=5]"
).remove();
}
</script>
阅读全文
0 0
- JQuery 对 Select option 的操作(转)
- JQuery 对 Select option 的操作
- Jquery 对select option 的操作
- jquery 对select中option的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- JQuery 对 Select option 的操作
- 转:jquery获得select option的值 和对select option的操作
- jquery对select option的操作(收集)
- jquery获得select option的值 和对select option的操作
- jquery获得select option的值 和对select option的操作
- jquery获得select option的值 和对select option的操作
- jquery获得select option的值 和对select option的操作
- 全字母句
- html5新增标签及属性
- 【整理】Android屏幕适配相关
- servlet单例多线程
- Ubuntu 安装curl
- JQuery 对 Select option 的操作(转)
- (ssl 1203 洛谷 1281)书的复制
- Halide学习笔记----Halide tutorial源码阅读8
- 11_c++多态
- 数据结构实验之排序四:寻找大富翁
- 支持向量机原理(理解SVM的三层境界)
- 顺序+每次迭代,顺序+每次出现
- 高新集训D3D4总结
- 橡皮怪Dici,over,welcome,player