當點擊之外下拉菜單中默認值應該出現

Question

這是我的HTML選擇：

<select name='gender' class="defaultvalue" style="width: 100%;"> 
    <option value="">Select Option</option> 
    <option>Male</option> 
    <option>Female</option>                  
</select> 

這是我的jQuery函數：

// Hide default value. 
$(".defaultvalue").focus(function() 
{ 
    var first = $(this).find("option").eq(0); 
    if(first.val() === "") 
    { 
     first.remove(); 
    } 
}); 

$(document).on("click", function() 
{ 
     // Code here. 
}); 

我想，當我點擊以外Dropwdown沒有選擇任何值，它應該再次顯示當我點擊dropdwn按鈕時隱藏它的defualt選項（Select Option）。任何幫助，將不勝感激。

Answer 1

您可以使用：

$(".defaultvalue").append("<option value='' selected='1'>Select Option</option>"); 

這將增加上述選擇選項到下拉，它會選擇它了。在選擇之前，您還需要檢查以上選項是否已經存在。