js--select下拉框中的option對象

tainzhi 發布于2019-08-19 18:02 / 713人閱讀

摘要：創建對象動態創建對象獲得選項的值序號，取當前選中選項的序號獲得選項的文本序號，取當前選中選項的序號修改選項序號，取當前選中選項的序號文本值刪除

創建Option對象

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

動態創建Option對象

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

獲得選項option的值

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

獲得選項option的文本

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

修改選項option

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

刪除select

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

GPU云服務器云服務器 js中下拉框中去掉重復數據 js select 綁定數據 js中的對象 jquery js select html

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79113.html

模擬select彈框

摘要：模擬彈框功能點點擊顯示下拉框，再次點擊下拉框下拉框消失點擊下拉框將值賦值給點擊下拉框之外區域，下拉框消失模擬彈框模擬下拉請選擇請選擇男女模擬select彈框功能點：點擊text顯示下拉框，再次點擊下拉框下拉框消失點擊下拉框將值賦值給text 點擊下拉框之外區域，下拉框消失 html 模擬select彈框 ...

ASCH 2019-08-20 17:47 評論0 收藏0
模擬select彈框

摘要：模擬彈框功能點點擊顯示下拉框，再次點擊下拉框下拉框消失點擊下拉框將值賦值給點擊下拉框之外區域，下拉框消失模擬彈框模擬下拉請選擇請選擇男女模擬select彈框功能點：點擊text顯示下拉框，再次點擊下拉框下拉框消失點擊下拉框將值賦值給text 點擊下拉框之外區域，下拉框消失 html 模擬select彈框 ...

tomorrowwu 2019-08-29 12:54 評論0 收藏0
模擬select彈框

摘要：模擬彈框功能點點擊顯示下拉框，再次點擊下拉框下拉框消失點擊下拉框將值賦值給點擊下拉框之外區域，下拉框消失模擬彈框模擬下拉請選擇請選擇男女模擬select彈框功能點：點擊text顯示下拉框，再次點擊下拉框下拉框消失點擊下拉框將值賦值給text 點擊下拉框之外區域，下拉框消失 html 模擬select彈框 ...

xialong 2019-08-01 17:05 評論0 收藏0
vue項目中使用element-ui下拉框選項值為對象時報錯

摘要：在做后臺管理時，使用了搭配，請求方法使用了插件，在使用下拉框時，因為我需要獲取選中的選項中的其他值，因此需要傳入對象。在做后臺管理時，使用了vue搭配elementUI，請求方法使用了axios插件，在使用下拉框時，因為我需要獲取選中的選項中的其他值，因此需要傳入對象。對select下拉框的文檔沒有讀的很仔細，百度過幾篇文章，也沒有理解他們表達的意思，然后自己又去看文檔，把他的屬性看...

Drummor 2019-08-26 10:57 評論0 收藏0
從零開始，SpreadJS新人學習筆記【第5周】

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

shadowbook 2019-08-26 10:18 評論0 收藏0