如何使用 jquery 传递数据提交表单

Question

我正在处理 Laravel 项目，我尝试将颜色代码传递给控制器​​来做一些事情，但我无法为标签传递数据 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);

    });
});

Answer 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');
}