从另一个下拉列表 Laravel 中选择一个选项时填充一个下拉列表答案

【问题标题】：Populate a dropdown on selecting an option from another dropdown Laravel从另一个下拉列表 Laravel 中选择一个选项时填充一个下拉列表
【发布时间】：2014-04-10 14:35:53
【问题描述】：

希望你今天过得愉快，我很清楚地描述了我的问题:)

我有一个类别表和一个子类别表。在我看来，我想让用户选择一个属于某个类别的子类别，以添加一个产品（每个产品都属于一个子类别）。为此，我想在用户选择类别时显示用户子类别。就像他从类别中选择衣服一样，我想显示上衣、短裤等子类别。

我该怎么做？一个想法就行了。

谢谢。

【问题讨论】：

这里的想法...您获得所选类别的 ID 并使用该 ID 填充子类别下拉菜单的内容
非常感谢。我现在正在处理它：D

标签： jquery ajax input laravel-4

【解决方案1】：

对于有问题的人：

这是我的$(document.ready(function(){}));在我看来的功能

        $('#firstDropDown').change(function(){
        $.getJSON("{{ url('products/fetch-sub-category')}}", 
        { option: $(this).val() }, 
        function(data) {
            var model = $('#secondDropDown');
            model.empty();
            $.each(data, function(index, element) {
                model.append("<option value='"+element.catName+"'>" + element.catName + "</option>");
            });
        });
    });

这就是我从控制器返回的内容

    $input = Input::get('option');
    $cat = Category::where('catName', '=', $input)->get();
    return Response::json($cat, 200);

【讨论】：

【解决方案2】：

试试这个

在第一个下拉列表 onchange 中调用 getjson 并将所选值传递给 url 并在第二个下拉列表中加载结果。希望对你有帮助

$(document).ready(function(){
  $( "#firstdropdown" ).change(function() {
  var firstdropselectedvalue= $("#firstdropdown").val();   
  var url= test.php?selected=firstdropselectedvalue;
    $.getJSON(url, function(data){
  $.each(data, function(index, text) {
    $('#seconddropdown').append(
        $('<option></option>').val(index).html(text);
    );
  });
});

});

});

【讨论】：

是的，我编辑了 firstdropdown、seconddropdown、url。它没有用。但我已经通过学习你的代码来做到这一点。干杯。
对不起，我有点忙，直到现在才登录网站。很高兴你明白了。