js怎么能取得多選下拉框選中的多個值?


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

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM