如何通过jQuery传递数据提交表单

时间:2019-12-18 06:31:49

标签: javascript jquery

我正在研究laravel项目,我尝试将颜色代码传递给conroller来做一些事情,但是我无法传递标签的数据att的数据

我想用url发送类似这样的东西:

http://localhost:8000/digikala/category/28?minprice=+1000+&maxprice=+100000000+&type=all&color=FFFFFF&sortBy%5Bfield%5D=created_at%7Cdesc

但是它没有给我颜色,就像这样

http://localhost:8000/digikala/category/28?minprice=+1000+&maxprice=+100000000+&type=all&sortBy%5Bfield%5D=created_at%7Cdesc

这是我的标签:

<a class="options-color" data-color="{{ $color->code }}" style="background-color:#{{ $color->code }}">

这是我的js:

<script>
$(document).ready(function() {
    $(".options-color").click(function() {
        var color = $(this).data('color');
        $('#submit').trigger('submit', color);

    });
});

2 个答案:

答案 0 :(得分:1)

在您的html中添加颜色隐藏的输入:

<input id='color-input' type='hidden' name='color' value=''/>
$(".options-color").click(function(e) {
  e.preventDefault();

  var color = $(this).data('color');
  $("#color-input").val(color);
  $('#submit').trigger('submit');
}

答案 1 :(得分:0)

尝试

 var color = $(this).attr('data-color');
 $('#submit').trigger('submit', [ 'color', 'true' ]);