如何将我的选项设置为默认选项，因此如果我清除下拉菜单，默认情况下将填充该选项

Question

我想将一个选项设为默认值，因此如果我清除下拉菜单，则默认情况下将填充它。

这是我的代码：

<script language="JavaScript">
function getEnvNames(result){
    $("#environmentName").empty();

在这里，我清除了下拉菜单，但是我想填充默认值。

var data = JSON.parse(result);
        $.each(data, function(key, value)
        {
            $("#environmentName").append("<option>" + value.name +" - "+ value.purpose + "</option>");

        });

}

这是我的HTML：

<select class="body" name="environmentName" id="environmentName" class="body">                                                                                                                                                  
                        <option selected="selected" disabled="disabled">Select An Environment</option>                                                                                                                                                          
                        </select>

Answer 1

如果默认选择的值是select an environment ，则使用附加函数：

$('#environmentName').empty().append('<option selected="selected" disabled="disabled">Select An Environment</option>');

或者，如果您不想删除所选的值（一旦用户更改了选项）

$("#environmentName").children().not($("#environmentName option:selected")).remove();

Answer 2

在清除您的选择框时，请放一个空选项将解决您的问题

function getEnvNames(result){
 $("#environmentName").html('<option value="" >  Select An Environment </option>');

data = JSON.parse(result);
        $.each(data, function(key, value)
        {
            $("#environmentName").append("<option>" + value.name +" - "+ value.purpose + "</option>");

        });
}