怎么获取下拉框选中的value值

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = documentgetElementById(select_id)value;

并且，通过 *** 作select下的option也可以得到被选项的value值，方法为：

var sel = documentgetElementById(select_id);

var selected_val = seloptions[selselectedIndex]value;

1、HTML结构及javascript代码

<select id="test" onchange="alert(thisvalue)">

<option value="0">options-0</option>

<option value="1">options-1</option>

<option value="2">options-2</option>

</select>

在jQuery EasyUI 包下：

<input id="cc" class="easyui-combobox" style="width:200px" name="dept"

data-options="valueField:'ZhiWeiLeiXingID',textField:'ZhiWeiLeiXingMC',url:'get_dataphp'" />

url 指的是数据来源地址

valueField 数据的ID

textField 数据的值

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

<select id="test" name="">

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

<option value="2">text2</option>

</select>

code:

一：javascript原生的方法

1:拿到select对象： var myselect=documentgetElementById("test");

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

3:拿到选中项options的value： myselectoptions[index]value;

4:拿到选中项options的text： myselectoptions[index]text;

二：jquery方法（前提是已经加载了jquery库）

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

2:alert(optionsval()); //拿到选中项的值

3:alert(optionstext()); //拿到选中项的文本

val()函数获取select的属性。语法：

$(selector)val(value)

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

一、创建一个select元素：

二、创建如下获取属性函数：

三、结果获取：

扩展资料：

通过 val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：

参考资料：

jQuery API 中文文档 --val()

两种方法：

1 绑定数据源：

comboBox1DataSource=dsTables[0];comboBox1DisplayMenber="<a href=">

使用js建立和access关系数据库的联系。

使用数据库语句获取获得数据放到数据结果集。

将数据转换为json格式，在js中 *** 作数据放到HTML中。

添加到下拉框内。

推荐使用vuejs库

以上就是关于怎么获取下拉框选中的value值全部的内容，包括:怎么获取下拉框选中的value值、下拉框怎么获取它的值，用的是web的、如何获取下拉列表选中的值 jquery等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！