在 HTML 中,select 標簽可以用來創建下拉列表,其中選項是由 option 標簽指定的。但是,在某些情況下,我們可能希望預先選定一個默認選項 -- 無論是為了簡化網站訪問還是在特定情況下的更好交互性。幸運的是,HTML 提供了一種方法來設置 select 下拉列表的默認選項。
要設置 select 下拉列表的默認選項,我們只需在 option 標簽中添加 selected 屬性,如下所示的代碼。
<select> <option value="1">選項 1</option> <option value="2" selected>選項 2</option> <option value="3">選項 3</option> </select>在這個例子中,我們設置了第二個選項 (value="2") 為默認選項,通過在 option 標簽中添加 selected 屬性來實現。 與此類似,我們還可以使用 JavaScript 來設置默認選項。例如,我們可以像這樣設置 select 下拉列表的默認選項:
<script> document.getElementById("mySelect").value = "2"; </script> <select id="mySelect"> <option value="1">選項 1</option> <option value="2">選項 2</option> <option value="3">選項 3</option> </select>在這個例子中,我們使用了 JavaScript 來設置 id 為 "mySelect" 的 select 元素的默認選項為值為 "2" 的選項。 總之,HTML 中的 select 標簽允許設置默認選項,這對于改善網站訪問和用戶體驗至關重要。我們可以使用選項的 selected 屬性或 JavaScript 來實現這一目標。