jquery在表单提交后删除隐藏的表单值

Question

我有一个小表单，我需要jquery在表单提交后清除隐藏的表单值。

这是我表单中的一个 sn-p

<select id='size'>
    <option value='4.99'>S</option>
    <option value='5.99'>M</option>
    <option value='6.99'>L</option>
    <option value='7.99'>XL</option>
</select>

<input type="hidden" id="my-item-price" name="my-item-price" value="" />

以及更改隐藏字段值的jquery

$(document).ready(function(){

    $('#size').change(function() {

        var x= $(this).val();
        $('#my-item-price').val(x);
    });
}

问题是，一旦我提交了表单，我希望从隐藏的输入中删除该值。我希望我必须将值设置为""，但我该怎么做呢？

---

编辑-：

这是我网站测试部分的link

我想要做的是单击按钮后，它将隐藏的表单值重置为空，因此当我进行新选择时，它会再次更改值

这是jquery 的代码。

    function clearoption() {
            alert('it should work');
            $('#my-item-price').attr('value','');
        }

        $('#size').change(function() {

            var x= $(this).val();
            $('#my-item-price').val(x);
        }); 

      // Add an item to the cart
      $('.jcart').submit(function(e) {
         add($(this));
         clearoption();
         e.preventDefault();
      });

它正在调用函数来清除#my-item-price，但由于某种原因它没有这样做。如果我选择不同的尺码，它仍然会增加原价

Answer 1

如果你使用 Ajax 提交表单，那么在成功部分，你可以使用以下代码

 $(' #myform input:hidden').attr('value','');

或

$('#my-item-price').attr('value','');

否则，如果您不使用 ajax 提交表单，那么清除隐藏字段将没有意义。

另外，如果你能发布到你的页面的链接会容易得多！

编辑： 触发/更新对

的更改

显示价格的标签，您需要执行以下操作：

$(' #myform input:hidden').attr('value','').trigger('change');

我认为这应该可行