javascript - 如何为依赖的选择列表设置默认值/占位符？

Question

我有四个依赖的选择列表，我想给所有选择列表一个默认值/占位符，如下所示:select ... 。问题是，当我尝试这样做时:<option value=""> Select ... </option>它不起作用。因为当我更改第一个选择列表时，其他选择列表会由于依赖性而自动更改。

这就是我填写依赖选择列表的方式:

    $("#slctTable").change(function()
    {
        $.getJSON("dropdown_code/get_fields.php?table=" + $(this).val(), success = function(data)
        {
                optionsFields= "";
        for(var i = 0; i < data.length; i++)
            {
                optionsFields += "<option value='" + data[i]['field_name'] + "'>" + data[i]['field_alias'] + "</option>";
            }
        $("#slctField").html("");
        $("#slctField").append(optionsFields);
        $("#slctField").change();
        })
    });   
    });

通过这个函数，我将 optionsFields 放入一个数组中:

function allValues(el) {
  var arr = $('option', el).map(function(i, v) {
    return this.value;
  }).get();

  return arr;
}

Answer 1

而不是 optionsFields= "";使用optionsFields= "<option value='0'> Select... </option>" 。它不起作用，因为您可能在 HTML 中设置默认值并在更改函数中覆盖它。