在 JavaScript 中制作下拉菜單有以下幾種方法:
<select>
和 <option>
元素結合 CSS 來創建下拉菜單。通過設置 <select>
元素的屬性和 <option>
元素的值來定義菜單的選項。<select>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
<select>
和 <option>
元素,并使用 appendChild()
方法將 <option>
元素添加到 <select>
元素中。<select id="mySelect"></select>
<script>
var select = document.getElementById("mySelect");
var option1 = document.createElement("option");
option1.text = "Option 1";
option1.value = "option1";
select.appendChild(option1);
var option2 = document.createElement("option");
option2.text = "Option 2";
option2.value = "option2";
select.appendChild(option2);
var option3 = document.createElement("option");
option3.text = "Option 3";
option3.value = "option3";
select.appendChild(option3);
</script>
這些是一些常見的制作下拉菜單的方法,具體選擇哪種方法取決于你的需求和技術棧。