JS获取select选中的值,所有option值
<select name="myselect" id="myselect">
    <option value="2042">1--测试⼆级页⾯专题</option>
    <option value="2031">2--2016年浙江省⼤学⽣艺术节</option>jquery获取下拉框选中值
    <option value="1983">3--2016⾥约奥运图粹</option>
  </select>
⼀、JS获取: ⼆、Jquery获取:
  获取select对象:var myselect = ElementById("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()⽅法