js--select下拉框中的option對(duì)象

tainzhi 發(fā)布于2019-08-19 18:02 / 719人閱讀

摘要：創(chuàng)建對(duì)象動(dòng)態(tài)創(chuàng)建對(duì)象獲得選項(xiàng)的值序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào)獲得選項(xiàng)的文本序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào)修改選項(xiàng)序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào)文本值刪除

創(chuàng)建Option對(duì)象

var option1 = document.createElement("option");

動(dòng)態(tài)創(chuàng)建Option對(duì)象

function createSelect(){ 
    var new_option= document.createElement("select");  
    new_option.id = "mySelect";  
    document.body.appendChild(new_option); 
}

獲得選項(xiàng)option的值

var obj=document.getElementById("mySelect"); 
var index=obj.selectedIndex;     //序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào) 
var val = obj.options[index].value;

獲得選項(xiàng)option的文本

var obj=document.getElementById("mySelect"); 
var index=obj.selectedIndex; //序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào) 
var val = obj.options[index].text;

修改選項(xiàng)option

var obj=document.getElementById("mySelect"); 
var index=obj.selectedIndex; //序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào) 
var val = obj.options[index]=new Option("文本","值");

刪除select

function removeSelect(){ 
    var mySelect = document.getElementById("mySelect"); 
    mySelect.parentNode.removeChild(mySelect); 
}

云服務(wù)器 GPU云服務(wù)器 js中下拉框中去掉重復(fù)數(shù)據(jù) js select 綁定數(shù)據(jù) js中的對(duì)象 jquery js select html

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/79113.html

相關(guān)文章

模擬select彈框

摘要：模擬彈框功能點(diǎn)點(diǎn)擊顯示下拉框，再次點(diǎn)擊下拉框下拉框消失點(diǎn)擊下拉框?qū)⒅蒂x值給點(diǎn)擊下拉框之外區(qū)域，下拉框消失模擬彈框模擬下拉請(qǐng)選擇請(qǐng)選擇男女模擬select彈框功能點(diǎn)：點(diǎn)擊text顯示下拉框，再次點(diǎn)擊下拉框下拉框消失點(diǎn)擊下拉框?qū)⒅蒂x值給text 點(diǎn)擊下拉框之外區(qū)域，下拉框消失 html 模擬select彈框 ...

ASCH 2019-08-20 17:47 評(píng)論0 收藏0
模擬select彈框

摘要：模擬彈框功能點(diǎn)點(diǎn)擊顯示下拉框，再次點(diǎn)擊下拉框下拉框消失點(diǎn)擊下拉框?qū)⒅蒂x值給點(diǎn)擊下拉框之外區(qū)域，下拉框消失模擬彈框模擬下拉請(qǐng)選擇請(qǐng)選擇男女模擬select彈框功能點(diǎn)：點(diǎn)擊text顯示下拉框，再次點(diǎn)擊下拉框下拉框消失點(diǎn)擊下拉框?qū)⒅蒂x值給text 點(diǎn)擊下拉框之外區(qū)域，下拉框消失 html 模擬select彈框 ...

tomorrowwu 2019-08-29 12:54 評(píng)論0 收藏0
模擬select彈框

摘要：模擬彈框功能點(diǎn)點(diǎn)擊顯示下拉框，再次點(diǎn)擊下拉框下拉框消失點(diǎn)擊下拉框?qū)⒅蒂x值給點(diǎn)擊下拉框之外區(qū)域，下拉框消失模擬彈框模擬下拉請(qǐng)選擇請(qǐng)選擇男女模擬select彈框功能點(diǎn)：點(diǎn)擊text顯示下拉框，再次點(diǎn)擊下拉框下拉框消失點(diǎn)擊下拉框?qū)⒅蒂x值給text 點(diǎn)擊下拉框之外區(qū)域，下拉框消失 html 模擬select彈框 ...

xialong 2019-08-01 17:05 評(píng)論0 收藏0
vue項(xiàng)目中使用element-ui下拉框選項(xiàng)值為對(duì)象時(shí)報(bào)錯(cuò)

摘要：在做后臺(tái)管理時(shí)，使用了搭配，請(qǐng)求方法使用了插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。在做后臺(tái)管理時(shí)，使用了vue搭配elementUI，請(qǐng)求方法使用了axios插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。對(duì)select下拉框的文檔沒有讀的很仔細(xì)，百度過幾篇文章，也沒有理解他們表達(dá)的意思，然后自己又去看文檔，把他的屬性看...

Drummor 2019-08-26 10:57 評(píng)論0 收藏0
從零開始，SpreadJS新人學(xué)習(xí)筆記【第5周】

摘要：復(fù)制粘貼單元格格式和單元格類型本周，讓我們一起來學(xué)習(xí)的復(fù)制粘貼單元格格式和單元格類型，希望我的學(xué)習(xí)筆記能夠幫助你們，從零開始學(xué)習(xí)，并逐步精通。復(fù)制粘貼、單元格格式和單元格類型本周，讓我們一起來學(xué)習(xí)SpreadJS 的復(fù)制粘貼、單元格格式和單元格類型，希望我的學(xué)習(xí)筆記能夠幫助你們，從零開始學(xué)習(xí) SpreadJS，并逐步精通。在此前的學(xué)習(xí)筆記中，相信大家已經(jīng)學(xué)會(huì)并熟練掌握了Sprea...

shadowbook 2019-08-26 10:18 評(píng)論0 收藏0