方法:獲取多選下拉框對象數組→循環判斷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、效果演示