JS如何获取select的值

JavaScript09

JS如何获取select的值,第1张

<select >标签有 value 属性,存储的就是当前所选择的选项值。

可以按如下方式获取:

var select = document.getElementById('mySelect')

alert( select.value )

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

<select id=xx>...

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

var v = xx.value

var v = document.getElementById("xx").value //此方法兼容性好

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

<form name=form1>

<select name=xx>...

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

var v = form1.xx.value

var v = document.getElementsByName("xx")[0].value

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

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

<select>...

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

var v = document.getElementsByTagName("select")[0].value

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

下面通过两种方式使用js来进行获取select

具体代码如下:

var

obj = document.getElementByIdx_x(”testSelect”)

定位idvar index =

obj.selectedIndex

选中索引var text = obj.options[index].text

选中文本var

value = obj.options[index].value

选中值jQuery中获得选中select值第一种方式$('#testSelect

option:selected').text()

选中的文本$('#testSelect option:selected')

.val()

选中的值$("#testSelect ").get(0).selectedIndex

索引

第二种方式$("#tesetSelect").find("option:selected").text()//选中的文

本…….val()…….get(0).selectedIndex