HTML中的select標(biāo)簽用于創(chuàng)建下拉選擇列表,在一些場景中可能需要設(shè)置默認(rèn)選中值,這個(gè)其實(shí)很簡單,只需要在相應(yīng)option標(biāo)簽上添加selected屬性即可。
<select name="fruit"> <option value="apple" selected>蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select>
在上面的代碼中,我們給第一個(gè)option標(biāo)簽加了一個(gè)selected屬性,它的值不需要設(shè)置,只要有這個(gè)屬性就表示選中它。
當(dāng)然,如果需要?jiǎng)討B(tài)設(shè)置默認(rèn)值,我們也可以使用JavaScript來實(shí)現(xiàn),例如:
<select id="fruit" name="fruit"> <option value="apple">蘋果</option> <option value="banana">香蕉</option> <option value="orange">橙子</option> </select> <script> // 設(shè)置默認(rèn)選中值為“橙子” var select = document.getElementById("fruit"); select.value = "orange"; </script>
在上面的代碼中,我們獲取了select標(biāo)簽的DOM對象,然后設(shè)置它的value屬性為"orange",這樣就會(huì)默認(rèn)選中橙子這個(gè)選項(xiàng)了。