根据外部输入更改<Select>的内容

Question

假设您有两个选择类型，如图所示，我的问题是如何根据第一个输入更改选择类型的内容。

Answer 1

简单地调用平变化（）选择/输入控制的方法AJAX方法和数据加载到另一个而不页面刷新。

Answer 2

我在这里考虑两个选择元素

试试下面的jQuery代码#partFamily和#FamilyType IDS

$(document).ready(function(){ 
    $("#partFamily").on("change",function(){ 
    if($("#partFamily").val() != '') 
    { 
     $.ajax({ 
      url: "your url", 
      data: { partFamilyId: $("#partFamily").val() }, 
      method: "GET", 
      success: function (data) { 
       $("#FamilyType").html(""); // clear before appending new list 
       $.each(data, function (i, value) { 
        $("#FamilyType").append(
         $('<option></option>').val(value.Id).html(value.Name)); 
       }); 
      } 
     }); 
    } 
    else 
    { 
     $("#FamilyType").html(""); 
    } 
    }); 

}); 

Answer 3

您还可以使用jQuery库Chained Selects

https://www.appelsiini.net/projects/chained

您将需要在第二次选择中加载所有选项，并且它将从您选择的过滤中过滤掉在第一个（没有要求服务器）