js获取下拉菜单的值

现在有一id=test的下拉框，怎么拿到选中的那个值呢？

分别使用javascript原生的方法和jquery方法

code:

一、javascript原生的方法

1.拿到select对象： var myselect=document.getElementById("test");

2.拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3.拿到选中项options的value： myselect.options[index].value;

4.拿到选中项options的text： myselect.options[index].text;

二、jQuery方法

1.导入jQuery库

2.var options=$("#test option:selected"); //获取选中的项

3.alert(options.val()); //拿到选中项的值

4.alert(options.text()); //拿到选中项的文本

参考原文：http://www.cnblogs.com/itdream/archive/2012/05/31/2528345.html

js获取下拉菜单的值相关推荐

jQuery获取下拉菜单列表的值
在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值. 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值. .val()方法主要用于获取表单元素的值, ...
随手记一次用C#正则表达式获取下拉菜单html标签select以及相关属性值
随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值 1:有如下html: .................. <select id="aaa ...
如何JQ将下拉列表的值传送给php,JQuery设置获取下拉菜单某个选项的值(比较全)...
JQuery获取和设置Select选项获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:sele ...
jquery获取下拉框的值并传递给后端处理
2019独角兽企业重金招聘Python工程师标准>>> 由于前端页面用到了下拉框,此时需要获得下拉框里面具体的值,然后把值传递给后端处理. 处理思路如下: (1).首先在form表单 ...
js实现下拉菜单动画效果
js实现下拉菜单动画效果 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
html下拉框怎么默认选中,select获取下拉框的值下拉框默认选中方法
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值例如: 数字1 数字2 $("#numbers option:selected").val( ...
java 获取下拉框的值_Java获取下拉菜单选中的选项
提到这样一个需求"在新闻表中添加新闻分类的编号和名字",一般情况下我们将分类的ID放在下拉菜单选项的value中,此时需要获取选项的编号和名字,我们该怎么做呢?我常用的有如下两种方 ...
php获取下拉菜单多选值,PHP 下拉菜单多选
如果下拉菜单是多选的( multiple="multiple"),我们可以通过将设置 select name="q[]" 以数组的方式获取,以下使用 POST ...
使用Jquery、HTML、CSS、JS实现下拉菜单列表
下拉菜单列表当鼠标进入时,效果如下: 鼠标离开时,下拉列表进行隐藏.效果如下: 下面展示代码 // <!DOCTYPE html> <html lang="en" ...

js获取下拉菜单的值

js获取下拉菜单的值相关推荐

最新文章

热门文章