Jquery 单击外部下拉菜单时，应显示默认值

这是我的html选择：

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

// 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之外单击而没有选择任何值时，它应该再次显示解除选择选项（选择选项），当我单击DropWwn按钮时，我会将其隐藏。任何帮助都将不胜感激。

您可以使用：

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

$（.defaultvalue”）.append（“选择选项”）；

---

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

尝试此操作。这是默认的下拉行为。但我不想在列表中显示“选择选项”，这就是我隐藏它的原因。是的，它正在工作。但它有一个问题。当我点击任何选项时，它总是选择“选择选项”。你找到了吗？使用：

$（文档）。点击（函数（evt）{if（evt.target.class==“defaultvalue”）返回；//在这里为每个元素处理点击事件，除了类的defaultvalue}）