首頁  >  文章  >  web前端  >  HTML的Select物件如何進行Option物件的操作

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

不言
不言原創
2018-08-09 14:20:071885瀏覽

這篇文章帶給大家的內容是關於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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn