HTML中的select標(biāo)簽是用來創(chuàng)建下拉列表的標(biāo)簽,而有時我們需要在動態(tài)調(diào)整頁面時預(yù)設(shè)某個選項被選中。下面介紹兩種方法實現(xiàn)該功能。
// 方法一:使用options屬性設(shè)置// JavaScript代碼 var mySelect = document.getElementById("mySelect"); mySelect.selectedIndex = 1; // 設(shè)置選中第二項(下標(biāo)從0開始計數(shù))
以上代碼通過設(shè)置select元素的selectedIndex屬性,即可預(yù)設(shè)某個選項被選中。需要注意的是,options的下標(biāo)也是從0開始計數(shù)。
// 方法二:使用value屬性設(shè)置// JavaScript代碼 var mySelect = document.getElementById("mySelect"); mySelect.value = "2"; // 選中value為"2"的選項
以上代碼通過設(shè)置select元素的value屬性,即可預(yù)設(shè)某個選項被選中。需要注意的是,value的值應(yīng)該與某個option元素的value屬性相對應(yīng)。