DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS獲取select的value和text值的簡單實例
JS獲取select的value和text值的簡單實例
編輯:JavaScript綜合知識     

 本篇文章主要是對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>    
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved