JS擷取select選中的值，所有option值

標籤：選項   jquery   ges   大學   jquer   查看   控制   blog   文本   

      <select name="myselect" id="myselect">
　　　　<option value="2042">1--測試二級頁面專題</option>
　　　　<option value="2031">2--2016年浙江省大學生藝術節</option>
　　　　<option value="1983">3--2016裡約奧運圖粹</option>

　　</select>

一、JS擷取：　                                                                                                             二、Jquery擷取：

　　擷取select對象：var myselect = document.getElementById("myselect");　                          擷取select對象：var myselectjq = $("#myselect");或者$("select[name=‘myselect‘]");

     select下所有option選項：var alloptions = myselect.options;                                                select下所有option選項：var alloptions = $("#myselect option");         

　　使用console.log(alloptions);在控制台中查看結果                                                         使用console.log(alloptions);在控制台中查看結果

　　                                                                                                                                                                   

　　展開其中任一下結果中的option，如：

                                                                      

                                                                      

    從上面的圖中可以看到常用的一些屬性，通過這些屬性就可以擷取到值、選項：

    擷取選中項的索引：var selectedIndex = myselect.selectedIndex;                                          擷取選中項的索引：var selectedIndex = myselectjq.index(); 注意：此處是index()方法，若使用alloptions.index()得到的會是最後一個option的索引值：2

 　擷取選中項的值(即option的value屬性值):　　　　　　　　　　　　　　　　　　　　　　　　　　　 擷取選中項的值(即option的value屬性值):

                var selectedvalue = myselect.options[selectedIndex].value;                                                 var selectedvalue = $("#myselect option:selected").value;

  　擷取選中項的文本:　　　　　　　　　　　　　　　　　　　　　　　　　　　                               擷取選中項的文本:

 　　　　　 var selectedtext = myselect.options[selectedIndex].text;                                                  var selectedtext = $("#myselect option:selected").text(); 注意：此處是text()方法

                var selectedtext = myselect.options[selectedIndex].innerHTML;                                         var selectedtext = $("#myselect option:selected").html(); 注意：此處是html()方法       

 

     http://www.cnblogs.com/wang7/archive/2012/10/16/2726349.html  

 

JS擷取select選中的值，所有option值