基于先前选择的自动下拉更改

Question

我想根据上一个选择中的选择更改下拉选择。所以我有一个数据库来存储汽车品牌和型号的值。结构是id，make，model 目前，我有一个函数来获取品牌，然后获取模型，然后调用该函数以进行 Make 选择，然后是 Model 选择，但它显示了所有这些，我不希望这样。 那么我该怎么做呢？ 我已经在这里搜索并看到了一些东西，但我仍然对此感到困惑和缺乏经验。

真的认为你不需要我当前的任何代码，但如果你需要，请告诉我。

Answer 1

我不太清楚你的意思，但根据我的理解，

您有两个下拉选择， 一个作为父选择，第二个是子选择， 子选择下拉值取决于父选择， 你是这个意思吗？

如果是的话，

一个简单的方法是使用jquery和ajax，

您必须阅读基本的 ajax 和事件侦听器才能做到这一点，

第一个选择下拉菜单，

<select id="parent_select">
</select>

<select id="child_select">
</select>

/* 这将填充您的父选择 */

$.ajax({
    url: 'url that will display all list'
    dataType: 'json',
    type: 'get',
    success: function(data){
      var output = "";
       $.each(data, function(a,b){
          output += "<option value='"+b.id+"'>"+b.parent_select_name+"  </option>"
        $("#parent_select").append(output);
       });
    }
})

/* 这将在更改父母的值时填充您的孩子选择 */

$(document).on("change", "#parent_select", function(){
  var parent_id = $(this).attr("id");

     $.ajax({
         url: 'url that will display child data where parent_id = parent_id ',
         type: 'POST',
         dataType: 'json',
         data: { 'parent_id' : parent_id } /* you are passing parent_id*/
         success: function(data){
              $("#child_select").empty();
              var output = "";
              $.each(data, function(a,b){
                  output += "<option id="+b.child_id+">"+b.child_desc+"</option>";
              })
              $("#child_select").append(output);
         }
     })
})