方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:
1、HTML结构
1
2
3
4
5
6
7
|
< select id = "test" multiple = "true" >
< option value = "option-A" >option-A</ option >
< option value = "option-B" >option-B</ option >
< option value = "option-C" >option-C</ option >
< option value = "option-D" >option-D</ option >
</ select >
< input type = "button" value = "确定" onclick = "fun()" />
|
2、javascript代码
1
2
3
4
5
6
7
8
9
10
|
function fun(){
var select = document.getElementById( "test" );
var str = [];
for (i=0;i<select.length;i++){
if (select.options[i].selected){
str.push(select[i].value);
}
}
alert(str);
} |
3、效果演示