Jquery 根据外部输入更改的内容

Jquery 根据外部输入更改的内容,jquery,select,symfony,Jquery,Select,Symfony,假设您有两个选择类型,如图所示,我的问题是如何根据第一个选择类型的输入更改选择类型的内容 只需在select/input控件的onchange方法上调用ajax方法,并将数据加载到另一个方法,而无需页面刷新。这里我考虑两个select元素的partFamily和FamilyType ID 试试下面的jquery代码 $(document).ready(function(){ $("#partFamily").on("change",function(){ if($("#partFam

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


只需在select/input控件的onchange方法上调用ajax方法,并将数据加载到另一个方法,而无需页面刷新。

这里我考虑两个select元素的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("");
    }
  });

});

您还可以使用Jquery库链接选择


您需要在第二次选择中加载所有选项,并从第一次选择中筛选出来,不向服务器发出任何请求

有两种方法php与页面刷新,ajax与页面刷新是的,您完全正确,也许jqueryWHY the down voces??