JS獲取select的value和text值的簡單實例
更新時間:2014年02月26日 10:04:02 作者:
本篇文章主要是對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>
相關文章
JavaScript基于擴展String實現(xiàn)替換字符串中index處字符的方法
這篇文章主要介紹了JavaScript基于擴展String實現(xiàn)替換字符串中index處字符的方法,涉及javascript使用substr方法針對字符串進行替換操作的相關實現(xiàn)技巧,需要的朋友可以參考下2017-06-06javascript運動效果實例總結(放大縮小、滑動淡入、滾動)
這篇文章主要介紹了javascript運動效果,結合實例形式總結分析JavaScript實現(xiàn)放大縮小、滑動淡入、滾動等效果的方法,需要的朋友可以參考下2016-01-01javascript簡化代碼 A=alert w=document.writeln
建議不要這樣寫代碼,考慮以后的修改才是最重要的,代碼分層.多把一個功能寫成一個js代碼或一個類,然后提供接口,這種寫法代碼會更多,速度也更慢,但人人都推薦這樣寫,是因為這樣子維護方便.而程序不可能一次性寫得完美的,永遠都可以改進2008-02-02JavaScript實現(xiàn)動態(tài)添加、移除元素或屬性的方法分析
這篇文章主要介紹了JavaScript實現(xiàn)動態(tài)添加、移除元素的方法,結合實例形式分析了javascript針對頁面元素動態(tài)添加、移除、設置等相關函數(shù)與使用技巧,需要的朋友可以參考下2019-01-01JS使用遮罩實現(xiàn)點擊某區(qū)域以外時彈窗的彈出與關閉功能示例
這篇文章主要介紹了JS使用遮罩實現(xiàn)點擊某區(qū)域以外時彈窗的彈出與關閉功能,結合實例形式分析了javascript事件響應及頁面元素屬性動態(tài)操作彈出與關閉遮罩層相關實現(xiàn)技巧,需要的朋友可以參考下2018-07-07