本篇文章主要是對js獲取下拉列表框<option>中的value和text的值示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
在編程過程中，我們對下拉列表框的取值很多時候都是獲取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> <!-- 獲取value的值 --> <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>