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