HTML的Select物件如何進行Option物件的操作

這篇文章帶給大家的內容是關於HTML的Select物件如何進行Option物件的操作，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

select 物件其實是一個包含 option 物件陣列的複合物件。

select 物件

select 物件最重要的屬性是selectedIndex，即目前被選取的方塊中的文字的索引值

用法為：

formObject.selectName.selectedIndex

option 物件

建立一個option 對象，即在 標籤中建立一個或多個文字

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

options 是個數組，裡面可以存放多個文字這樣的標籤

# option 物件的方法:

增加一個 標籤： obj.options.add(new Option(“文字”, “值”))

刪除一個 標籤： obj.options.remove(obj .selectedIndex)

取得一個 標籤的文字： obj.options[obj.selectedIndex].text

取得一個 標籤的值： obj.options[obj.selectedIndex].value

修改一個 標籤的值： obj.options[obj.selectedIndex] = new Option(“新文字”, “新值”)

刪除所有 標籤： obj.options.length = 0

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

相關文章推薦：

html5自訂屬性：如何取得自定義屬性值（附程式碼）

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

HTML中更換或新增網站背景圖片的程式碼怎麼寫？ （範例）

以上是HTML的Select物件如何進行Option物件的操作的詳細內容。更多資訊請關注PHP中文網其他相關文章！