本文主要是介绍使用js获取下拉列表框option中的value和text的值,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得<option value="value">ShowText</option>中"ShowText",我们该如何获取呢?方法很简单,具体代码如下:
<script type="text/javascript">
function a(object){
alert(object);
}
</script>
<!-- 获取显示的值 -->
<select οnchange="a(this.options[this.selectedIndex].innerText);">
<option value="value-a">text-a</option>
<option value="value-b">text-b</option>
</select>
<!-- 获取value的值 -->
<select οnchange="a(this.options[this.selectedIndex].value);">
<option value="value-c">text-c</option>
<option value="value-d">text-d</option>
</select>
function isSelect(selectPress) {
//var select = document.getElementById("mySelect").ind;
var selectValue = selectPress.options[selectPress.selectedIndex].value; //显示value 下标0、1、2
var selectValue2 = selectPress.options[selectPress.selectedIndex].innerText; //显示显示的值 具体内容(上海、北京)
//alert(selectValue);
//alert(selectValue2);
if (selectValue == "-1") {
alert("请选择城市,表单提交被拒绝!")
return;
}
else {
document.getElementById('form1').submit(); //form表单提交
}
}
<select οnchange="isSelect(this);" id="mySelect">
<option value="-1">--请选择--</option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">武汉</option>
</select>
这篇关于使用js获取下拉列表框option中的value和text的值的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!