如何通过javascript获取下拉菜单中的值

对于单选下拉列表，value属性可以直接获取其选中项的value值。

下面实例演示——单击按钮获取下拉列表选中项的value值：

1、HTML结构

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

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

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

<option value="4">option-4</option>

</select> <br>

<input type='button' value='获取选中项' onClick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementById("test");

alert(objvalue);

}

3、效果演示

<form name="myForm" >

<table width="200" border="1">

<tr>

<td><input name="name1" type="text" id="name"></td>

</tr>

</table>

</form>

通过documentmyFormname1value获取文本框名称为name1的值

<input name="name2" type="text" id="txt1">

这样可以通过documentgetElementById(txt1)value获取文本框id为txt1的值

<div id="div1">根据Id来获取</div>

而层可以根据documentgetElementById('div1')innerHTML获取div层id为div1层里面的值

可以给要获取值的目标设置id，class，或者直接使用标签名，楼下的方法

documentgetElementById("id")value

或者documentgetElementByClass("class")value

或者documentgetElementByTabName("TabName")value

其中标签的获取，根据需要可能会用到选择器相关的知识。

1、radio为单选按钮，一般单选按钮有多个可供选择的项，而只能选择一个，比如男、女

2、那么给radio标签里面设定一个id或者class属性

3、在js里面，可以通过checked这个属性来判断哪一个radio标签被选择，

4、这样就可以获取到radio标签的值，然后根据标签的值进行判断，保存/插入数据库等 *** 作

如果select标签是有id属性的，如

<select id=xx>

则用下述方法获取当前选项的值：

var v = xxvalue;

或

var v = documentgetElementById("xx")value; //此方法兼容性好

如果select标签是有name属性的，如

<form name=form1>

<select name=xx>

则用下述方法获取当前选项的值：

var v = form1xxvalue;

或

var v = documentgetElementsByName("xx")[0]value;

如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如

<select>

则用下述方法获取当前选项的值：

var v = documentgetElementsByTagName("select")[0]value;

如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

可以通过js dom 来获取，对元素设一个id值，然后为元素绑定一个click事件或直接设置 "onclick="，然后调用相应的function，在function中通过：documentgetElementById("") ,就可以获取到地点的元素对象，然后在浏览器中按F12进行调试，就可以看到这个对应的所有属性及方法，当然元素的值也在里面。

单纯获取值是：documentgetElementById("")value;

以上就是关于如何通过javascript获取下拉菜单中的值全部的内容，包括:如何通过javascript获取下拉菜单中的值、javascript中获取值的问题、javascript 怎么获取选中的value值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！