HTML中Select對象進行Option對象的操作介紹

發布時間：2020-05-11 17:25:18 來源：億速云閱讀：366 作者：Leah 欄目：web開發

這篇文章主要為大家詳細介紹了HTML中Select對象進行Option對象的具體操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下。

select 對象其實是一個包含 option 對象數組的復合對象。

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

用法為：

formObject.selectName.selectedIndex

創建一個 option 對象，即在標簽中創建一個或多個文本

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

options 是個數組，里面可以存放多個文本這樣的標簽

增加一個標簽： 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 需要大寫

關于HTML中Select對象進行Option對象的操作介紹就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站