JS獲取select的value和text值的簡單實例

 本篇文章主要是對JS獲取select的value和text值的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

代碼如下: <select id = "cityList" >    <select id = "selectId" >       <option value = "0">第0個</option>    </select>      <script>        var selectObj = document.getElementById('selectId');        // 通過對象添加option        selectId.add(new Option("第一個","1"))        selectId.add(new Option("第二個","2"))        // 通過id添加option        selectId.add(new Option("第三個","3"))        selectId.add(new Option("第四個","4"))        // 通過id添加方法（也可以通過對象添加方法）        selectId.onchange = function(){            // 通過對象獲取value和text            alert(selectObj.value);            alert(selectObj.options[selectObj.selectedIndex].text);            // 通過 id 獲取value和text            alert(selectId.value);            alert(selectId.options[selectId.selectedIndex].text);            // 還可以通過this獲取value和text            alert(this.value);            alert(this.options[this.selectedIndex].text);        };    </script>