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

【问题标题】：Change content of a <Select> based on external input根据外部输入更改 <Select> 的内容
【发布时间】：2017-03-27 21:23:00
【问题描述】：

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

【问题讨论】：

php 有两种方式刷新页面，ajax 不刷新页面
是的，你完全正确，也许是 jquery
为什么反对票？？

标签： jquery select symfony

【解决方案1】：

只需在选择/输入控件的 onchange() 方法上调用 ajax 方法，然后将数据加载到另一个而不刷新页面。

【讨论】：

【解决方案2】：

这里我正在考虑两个选择元素的#partFamily 和#FamilyType id

试试下面的jquery代码

$(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("");
    }
  });

});

【讨论】：

【解决方案3】：

你也可以使用Jquery库Chained Selects

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

您将需要在第二个 Select 中加载所有选项，它将从您在第一个 Select 中所做的选择中过滤掉（不向服务器发出请求）

【讨论】：