如何將我的選項設置為默認選項，因此如果我清除下拉菜單，默認情況下將填充該選項

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

        });
}