Javascript操作dom對(duì)象之select全面解析
更新時(shí)間：2017年04月24日 07:38:48 投稿：jingxian
下面小編就為大家?guī)硪黄狫avascript操作dom對(duì)象之select全面解析。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
html代碼：
<select id="university"> <option value="北京大學(xué)">北京大學(xué)</option> <option value="清華大學(xué)">清華大學(xué)</option> <option value="北京電影學(xué)院">北京電影學(xué)院</option> </select>
js原生操作
1.獲取select對(duì)象；
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對(duì)象之select全面解析就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文詳細(xì)講解了JavaScript中的運(yùn)算符，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
Javascript實(shí)例教程(19) 使用HoTMetal(3)
Javascript實(shí)例教程(19) 使用HoTMetal(3)...2006-12-12
在JavaScript中操作時(shí)間之getUTCDate()方法的使用
這篇文章主要介紹了在JavaScript中操作時(shí)間之getUTCDate()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
Javascript圖像處理—亮度對(duì)比度應(yīng)用案例
上一篇文章，我們講解了圖像處理中的卷積操作和平滑（也就是模糊）處理，這篇文章我們進(jìn)行亮度和對(duì)比度的變化,有需要的朋友可以參考下2013-01-01
javaScript面向?qū)ο罄^承方法經(jīng)典實(shí)現(xiàn)
很多人都說JavaScript不能算是面向?qū)ο蟮淖兂烧Z言。但是JavaScript的類型非常松散，也沒有編譯器,但是我們可以模仿著其他語言實(shí)現(xiàn)面向?qū)ο蟮姆绞絹韺?shí)現(xiàn)JavaScript的面向編程2013-08-08
這篇文章主要為大家詳細(xì)介紹了javascript的Promise，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-02-02
js中indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置2012-10-10
jQuery入門問答 整理的幾個(gè)常見的初學(xué)者問題
大家可能看到了，我已經(jīng)將過去寫的兩篇jQuery的教程刪掉了，因?yàn)楦郊淮嬖诹说鹊葐栴}，所以刪除了，從今天開始我就寫jQuery教程第二版了！希望大家能夠支持我！2010-02-02
Websocket協(xié)議詳解及簡單實(shí)例代碼
這篇文章主要介紹了Websocket協(xié)議詳解及簡單實(shí)例代碼的相關(guān)資料,這里對(duì)websocket 協(xié)議進(jìn)行詳細(xì)介紹，并附簡單實(shí)例代碼，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了原生JS動(dòng)態(tài)添加和刪除類，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03