填写从另一个下拉列表Laravel中选择选项的下拉列表

时间:2014-04-10 14:35:54

标签: jquery ajax input laravel-4

希望你过得愉快,我很清楚地描述我的问题:)

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

我该怎么做?只是一个想法会起作用。

感谢。

2 个答案:

答案 0 :(得分:5)

对于遇到问题的人:

这是我在$(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);

答案 1 :(得分:2)

试试这个

在第一个下拉列表中调用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);
    );
  });
});

});

});