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

Question

我正在做 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 }}">

这是我的代码:

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