Javascript設(shè)置dom對(duì)象之select(詳細(xì)回答)
發(fā)表時(shí)間:2023-09-11 來(lái)源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]下面我為大家?guī)?lái)一篇Javascript操作dom對(duì)象之select全面解析。現(xiàn)在就分享給大家,也給大家做個(gè)參考。html代碼: <select id="university"><option value="北京大學(xué)">北京大學(xué)&l...
下面我為大家?guī)?lái)一篇Javascript操作dom對(duì)象之select全面解析。現(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;
上面是我整理給大家的,希望今后會(huì)對(duì)大家有幫助。
相關(guān)文章:
Nodejs+Electron ubuntu安裝步驟詳解
原生JS+AJAX做出三級(jí)聯(lián)動(dòng)效果(附代碼)
Vue+Video.js播放m3u8視頻步驟詳解
以上就是Javascript操作dom對(duì)象之select(詳細(xì)解答)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。