JavaScript下拉框是網頁設計中常用的一個功能，它可以讓用戶從一堆選項中選擇一個。在下拉框中，有一個屬性叫做“默認值”。默認值可以讓用戶在打開網頁時就能看到一個預設值，或者選擇“無”，在這篇文章中，我們將探討如何給JavaScript下拉框設置默認值。

在JavaScript中，我們使用下面的語句來創建一個下拉框：

<select id="mySelect">
<option value="a">Option 1</option>
<option value="b">Option 2</option>
<option value="c">Option 3</option>
</select>

在這個例子中，“mySelect”是下拉框的ID。這個下拉框有三個選項，分別是“Option 1”，“Option 2”和“Option 3”。每個選項都有一個值（value），我們將在下面的代碼中使用這個值。

要設置下拉框的默認值，我們需要使用JavaScript的setAttribute()方法。setAttribute()方法可以將一個屬性值賦給一個HTML元素。下面是一個設置默認值的示例：

var mySelect = document.getElementById("mySelect");
mySelect.setAttribute("value", "b");

在這個例子中，我們首先使用getElementById()方法獲取下拉框元素，然后使用setAttribute()方法將“value”屬性設置為“b”。因為“b”是第二個選項的值，這個選項就成為了默認值。

如果我們要將默認值設置為“Option 1”，我們需要將第一個選項的值賦給“value”屬性：

var mySelect = document.getElementById("mySelect");
mySelect.setAttribute("value", "a");

默認值也可以是空值。我們只需將“value”設置為一個不存在的值即可：

var mySelect = document.getElementById("mySelect");
mySelect.setAttribute("value", "");

還有一種常見的情況是，我們希望默認值是用戶選擇的上一次選項。為了實現這個功能，我們需要在用戶選擇一個選項時，將選項的值保存在cookie中，然后在下一次打開網頁時從cookie中讀取上一次選項的值。下面是一個保存cookie的示例：

function saveSelection() {
var mySelect = document.getElementById("mySelect");
var selectedValue = mySelect.options[mySelect.selectedIndex].value;
document.cookie = "mySelect=" + selectedValue;
}

這個函數在用戶選擇一個選項時被調用。它首先獲取當前選項的值，然后將這個值保存在cookie中。在下一次打開網頁時，我們可以使用以下代碼從cookie中讀取選項的值來設置默認值：

var mySelect = document.getElementById("mySelect");
var defaultValue = getCookie("mySelect");
if (defaultValue) {
mySelect.setAttribute("value", defaultValue);
}
function getCookie(name) {
var cookieValue = "";
var cookies = document.cookie.split(";");
for (var i = 0; i < cookies.length; i++) {
var cookie = cookies[i].trim();
if (cookie.indexOf(name + "=") == 0) {
cookieValue = cookie.substring((name + "=").length, cookie.length);
break;
}
}
return cookieValue;
}

在這個例子中，我們首先從cookie中獲取默認值，然后使用setAttribute()方法將它設置為下拉框的默認值。getCookie()函數用于從cookie中讀取一個值。

總之，設置JavaScript下拉框的默認值是非常簡單的。只需要使用setAttribute()方法即可。如果我們需要將默認值保存在cookie中，也非常容易實現。希望這篇文章能夠幫助你更好地使用JavaScript下拉框。