本文详细介绍了如何使用jQuery来操作下拉列表框，包括获取对象、遍历选项、获取选定值等基本操作。
<
select
name
="select1"
id
="select1"
size
="10"
>
< option value ="1" > Option1 </ option >
< option valeu ="2" > Option2 </ option >
< option value ="3" > Option3 </ option >
< option value ="4" > Option4 </ option >
</ select >
< option value ="1" > Option1 </ option >
< option valeu ="2" > Option2 </ option >
< option value ="3" > Option3 </ option >
< option value ="4" > Option4 </ option >
</ select >
1. 取得jQuery对象
obj
=
$(
'
#select1
'
);
2. 取得Options 的长度
len
=
$(
'
#select1 option
'
).length
3. 遍历option
for
(
var
i
=
0
; i
<
len; i
++
) {
option_value = obj[ 0 ].options[i].value;
option_text = obj[ 0 ].options[i].text;
}
option_value = obj[ 0 ].options[i].value;
option_text = obj[ 0 ].options[i].text;
}
4. 取得所选值
obj_value
=
$(
'
#select1
'
).val();
5. 取得所选值对应的text
obj_text
=
obj[
0
].options[obj[
0
].selectedIndex].text;
6. 添加一个option
obj.append(
'
<option value="5">Option5</option>
'
);
7. 删除一个option
$(
'
#select1 option[value="1"]
'
).remove();
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
