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()⽅法

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。