干货:HTML中高效获取下拉菜单select中的值

点击上面　　免费订阅本账号！

本公众号主要推送javaweb开发相关技术，基础知识点，同时会深入剖析复杂的问题，分享一些优秀的框架，大型项目经验，当今最流行的Javaweb技术，热点科技新闻，招聘信息，生活乐趣等等。点击上方的蓝字，这样您每天可以看到更多的java知识和资讯！完全是免费订阅，请放心关注。

在我们日常的javaweb开发过程中呢，会经常遇到获取表单中的下拉菜单中的value以及他的text，下面我来教大家两种方法。（推荐第二种哈~，希望大家多多评论点赞呀，上一篇文章中，各位猿媛光想着收藏，都看不到你们给我写的评论，桑心~~）

---

假如我们的select长这样：

<select id="myselect">

<option value="1">test1</option>

<option value="2" selected="selected">test2</option>

<option value="3">test3</option>

</select>

第一种呢是用我们比较常见的JQuery

var $selected = $("#myselect option").filter(":selected");

获取文本： $selected.text();

获取value: $selected.val();

第二种呢当然是我们的原生js啦~~（推荐哟，收藏评论哈~）

var e = document.getElementById("myselect");

获取文本：var text= e.options[e.selectedIndex].text;

获取value: e.value;

点击阅读全文阅读"JavaSE基础章节大全(从基础到难点系统的学习、难点解析)"

有人用微信聊天，有人却在微信中学习，成长。下面是2016最HOT IT公众号，赶快试试新的关注方法吧！


关注方式
★长按二维码，选择“识别图中二维码”进行关注。

 没看够？更多好文在阅读原文