我们如何在选择中使用 Laravel Jquery onchange 元素？答案

【问题标题】：how we can use in Laravel Jquery onchange element in select?我们如何在选择中使用 Laravel Jquery onchange 元素？
【发布时间】：2016-05-23 07:40:05
【问题描述】：

<script>
    $('#brand_id').on('change',function(e){
        console.log(e);
        var brand_id =  e.target.value;

        //ajax
        $.get('/product_id?brand_id =' + brand_id, function(data));
        //success data
        $.each(data, function(upload_form, product_cat){
            $('product_category').empty();
            $('product_category').append('<option value="'+ product_cat.id +'">'+ product_cat.product_hierarchy +'</option>');
        });

    });

以上是我的 Jquery 代码，检查一下并指出问题所在。

<form enctype="multipart/form-data" action="{{action('BrandController@upload_csv')}}" method="post">
    Brand Code
    <select name="brand_id" id="brand_id" Select="" class="form-control">
      <option value="">--Select Brand Code--</option>
      <?php foreach ($brands as $row) { ?>
      <option value="<?= $row->brand_id ?>"><?= $row->brand_name ?></option>

      <?php } ?>

    </select>
    Product Id
    <select name="product_category" id="product_category"   Select="" class="form-control">

    </select>

    Status
    <select name="status" Select="" class="form-control">
      <option value="">--Select Product Status--</option>

      <option value="1">Yes</option>
      <option value="0">No</option>

    </select>

    <input type="hidden" name="_token" value="<?= csrf_token(); ?>">
    Upload Valid csv file
    <input type="file" name="csv" required class="form-control">
    <br/>
    <input type="submit" value="Upload" class="btn btn-primary">
</form>

这是我的表格。在表单中有一个选择，其中我想在下一个选择中显示子类别的 onchange 元素。下面是我的 Route 文件代码。

Route::get('/product_id', function(){ $brand_id = 输入::get('brand_id');

$product_id = product_hierarchy::where('bcategory_code','=',1)->get();

return Response::json($product_id);

});

【问题讨论】：

有什么问题？你用的是哪个版本的 laravel？
laravel 5.2 Jquery 不工作会

标签： javascript jquery laravel

【解决方案1】：

在Laravel 5.2 中，我们必须传递csrf 令牌才能执行请求。

就这样试试吧……

<script>
        $('#brand_id').on('change',function(e){
            console.log(e);
            var brand_id =  e.target.value;

            //ajax
            $.get('/product_id?brand_id =' + brand_id,{"_token":$("input[name='_token']").val()}, function(data));
            //success data
            $.each(data, function(upload_form, product_cat){
                $('product_category').empty();
                $('product_category').append('<option value="'+ product_cat.id +'">'+ product_cat.product_hierarchy +'</option>');
            });

        });
</script>

我只是将这行代码添加到您的 get 请求中：

{ "_token" : $("input[name='_token']").val() }

祝你好运.. 编码愉快！！！

已编辑

有关这方面的详细信息，您可以在以下链接教程中找到：

Laravel CRUD Using jQuery AJAX PART – 1

Laravel CRUD Using jQuery AJAX PART – 2

【讨论】：