萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js獲取下拉列表框中的value和text的值示例代碼

js獲取下拉列表框中的value和text的值示例代碼

 本篇文章主要是對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>  
copyright © 萬盛學電腦網 all rights reserved