前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

Javaweb

在我们日常的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;

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言