Javascript操作dom對象之select全面解析
更新時間:2017年04月24日 07:38:48 投稿:jingxian
下面小編就為大家?guī)硪黄狫avascript操作dom對象之select全面解析。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
html代碼:
<select id="university"> <option value="北京大學(xué)">北京大學(xué)</option> <option value="清華大學(xué)">清華大學(xué)</option> <option value="北京電影學(xué)院">北京電影學(xué)院</option> </select>
js原生操作
1.獲取select對象;
var university=document.getElementById("university");
2.獲取select選中option的index值;
var index=university.selectedIndex;
3.獲取select選中的option的value;
var val=university.options[index];
4.獲取select選中的option的index;
var text=university.options[index].text;
以上這篇Javascript操作dom對象之select全面解析就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript實例教程(19) 使用HoTMetal(3)
Javascript實例教程(19) 使用HoTMetal(3)...2006-12-12
在JavaScript中操作時間之getUTCDate()方法的使用
這篇文章主要介紹了在JavaScript中操作時間之getUTCDate()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Javascript圖像處理—亮度對比度應(yīng)用案例
上一篇文章,我們講解了圖像處理中的卷積操作和平滑(也就是模糊)處理,這篇文章我們進行亮度和對比度的變化,有需要的朋友可以參考下2013-01-01
javaScript面向?qū)ο罄^承方法經(jīng)典實現(xiàn)
很多人都說JavaScript不能算是面向?qū)ο蟮淖兂烧Z言。但是JavaScript的類型非常松散,也沒有編譯器,但是我們可以模仿著其他語言實現(xiàn)面向?qū)ο蟮姆绞絹韺崿F(xiàn)JavaScript的面向編程2013-08-08

