当单击外部下拉菜单时，应出现默认值

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外部点击而没有选择任何值时它应该再次显示defualt选择选项（选择选项），当我点击dropdwn按钮时我隐藏它。任何帮助将不胜感激。

Answer 1

您可以使用：

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

这会将上面的选择选项添加到下拉列表中，它也会选择它。您还需要在追加之前检查select中是否已存在上述选项。