Javascript 如何使我的选项成为默认选项，以便在清除下拉列表时，它将由默认值填充

我想将一个选项设置为默认值，因此如果清除下拉列表，它将由默认值填充

这是我的代码：

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

函数getEnvNames（结果）{
$（“#环境名称”）.empty（）；

这里我清除了下拉列表，但我希望填充默认值

var data=JSON.parse（结果）；
$。每个（数据、函数（键、值）
{
$（“#环境名称”）.append（“+value.name+”-“+value.purpose+”）；
});
}

这是我的HTML：

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

选择一个环境

如果默认选择值为

选择环境

，则使用附加功能：

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

---

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

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

        });
}

函数getEnvNames（结果）{ $（“#环境名称”）.html（‘选择环境’）； data=JSON.parse（结果）； $。每个（数据、函数（键、值） { $（“#环境名称”）.append（“+value.name+”-“+value.purpose+”）； }); }

---

如果（value.name==默认值）{append selected}或者{append unselected}

或者，如果默认值总是给定的示例：

.empty（）。附加（“选择环境”）//启动ajax调用

您还可以执行

$（“#环境名称”）.children（）.not（“[disabled]”）。remove（）

selected=“selected”disabled=“disabled”此代码显示错误

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

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

        });
}