<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