为什么通过提交带有链接的表单不会更改输入文本值？

Question

我有一个带有一些隐藏输入字段的表单。另外我有一个链接，它有一个重置功能，通过点击它，它将隐藏的字段设置为“0”作为值并提交表单。

它工作正常，除了输出POST数组，我仍然看到旧的值。我怎么能改变呢？

这是HTML表单：

<form method="POST" action="http://localhost" accept-charset="UTF-8" id="filter_form">
<input name="_token" type="hidden" value="mWIbgqI6sXZTyZpaW3Z3x1QqxZpwnl0BdmJtDmRY">
<input type="hidden" id="select_finance" name="select_finance" value="0">
<input type="hidden" id="filter_finance" name="filter_finance" value="60">
<div class="row " style="margin-top: 5px; display: none;" id="finance_filters">
    <div class="col-md-12">
        <div class="owl-carousel col-md-12">
            <div class="item">
                <div class="top_sub_link">
                    <a href="#" class="filter_link close_ink" style="margin: 5px 9px;"  data-href="finance" data-value="64">COPPER</a>
                </div>
            </div>               
            <div class="item">
                <div class="top_sub_link">
                    <a href="#" class="filter_link close_ink"  data-href="finance" data-value="63">WHEAT</a>
                </div>
            </div>
            <div class="item">
                <div class="top_sub_link">
                    <a href="#" class="filter_link close_ink"  data-href="finance" data-value="62">SILVER</a>
                </div>
            </div> 
            <div class="item">
                <div class="top_sub_link">
                    <a href="#" class="filter_link close_ink"  data-href="finance" data-value="61">GOLD</a>
                </div>
            </div>
            <div class="item">
                <div class="top_sub_link activemediasublink">
                    <a href="#" class="filter_link close_ink"  data-href="finance" data-value="60">GAS <i class="close_filter"></i></a>
                </div>
            </div>
        </div>
        <div class="owl-nav"></div>
    </div>
</div>
</form>

这是Javascript代码：

$(document).ready(function() {
    $(".close_filter").on('click', function() {
        $('#filter_finance').val('0');
        $('#select_finance').val('0');
        $("#filter_form").submit();
    });
});

Answer 1

您附加onClick事件的元素不是整个链接，而是链接中的标记。因此，可点击区域太小 - 甚至可能不可见。

在您的JavaScript中，替换为：

    $(".close_filter").on('click', function() {

有了这个：

    $(".close_ink").on('click', function() {