在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得<option value="value">ShowText</option>中"ShowText"，我们该如何获取呢？方法很简单，具体代码如下：

复制代码 代码如下:

<script type="text/javascript">

function a(object){

alert(object);

}

</script>

<>

<select onchange="a(this.options[this.selectedIndex].innerText);">

<option value="value-a">text-a</option>

<option value="value-b">text-b</option>

</select>

<>

<select onchange="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 onchange="isSelect(this);" id="mySelect">

<option value="-1">--请选择--</option>

<option value="0">北京</option>

<option value="1">上海</option>

<option value="2">武汉</option>

</select>