Javaweb

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

如果我们的select长这样:

htmlselect二级菜单干货HTML中高效获取下拉菜单select中的值 JavaScript
(图片来自网络侵删)

<select id=\"大众myselect\"大众&gt;

<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;

我在后续的文章中,会分享更多更实用的开拓小技巧给大家,希望大家多多关注!