HTML的Select對象如何進(jìn)行Option對象的設(shè)置

本篇文章給大家?guī)�來的�?nèi)容是關(guān)于HTML的Select對象如何進(jìn)行Option對象的操作，有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對你有所幫助。

select 對象其實(shí)是一個(gè)包含 option 對象數(shù)組的復(fù)合對象。

select 對象

select 對象最重要的屬性是 selectedIndex，即當(dāng)前被選中的框中的文本的索引值

用法為：

formObject.selectName.selectedIndex

option 對象

創(chuàng)建一個(gè) option 對象，即在 標(biāo)簽中創(chuàng)建一個(gè)或多個(gè) 文本

var a = document.getElementById("ID值");
a.options = new Option("文本", "值");

options 是個(gè)數(shù)組，里面可以存放多個(gè) 文本 這樣的標(biāo)簽

option 對象的方法:

增加一個(gè) 標(biāo)簽： obj.options.add(new Option(“文本”, “值”))

刪除一個(gè) 標(biāo)簽： obj.options.remove(obj.selectedIndex)

獲得一個(gè) 標(biāo)簽的文本： obj.options[obj.selectedIndex].text

獲得一個(gè) 標(biāo)簽的值： obj.options[obj.selectedIndex].value

修改一個(gè) 標(biāo)簽的值： obj.options[obj.selectedIndex] = new Option(“新文本”, “新值”)

刪除所有 標(biāo)簽： obj.options.length = 0

注意：obj.option 中的 option 不需要大寫， new Option 中的 Option 需要大寫

相關(guān)文章推薦：

html5自定義屬性：如何獲取自定義屬性值（附代碼）

HTML表單的工作原理（圖文）

HTML中更換或添加網(wǎng)站背景圖片的代碼怎么寫？（示例）

以上就是HTML的Select對象如何進(jìn)行Option對象的操作的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！