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>");

        });
}

如何使我的选项成为默认选项，所以如果我清除我的下拉列表，它将被默认填充

2 个答案: