Javascript 在jQuery中成功后更改数字字段属性“max”值
我还在学习jQuery 我有以下表格:Javascript 在jQuery中成功后更改数字字段属性“max”值,javascript,php,jquery,ajax,wordpress,Javascript,Php,Jquery,Ajax,Wordpress,我还在学习jQuery 我有以下表格: <form class="simple-checkout" enctype="multipart/form-data" method="POST" action="<?php echo admin_url('admin-ajax.php'); ?>"> <input type="hidden" name="add-to-cart" value="<?php echo htmlspecialchars($getid
<form class="simple-checkout" enctype="multipart/form-data" method="POST" action="<?php echo admin_url('admin-ajax.php'); ?>">
<input type="hidden" name="add-to-cart" value="<?php echo htmlspecialchars($getid); ?>"/>
<input type="number" name="quantity" min="1" max=<?= $available_stock ?> value="1"/>
<input type="hidden" id="thwepof_product_fields" name="thwepof_product_fields" value="order_date">
<input type="hidden" id="order_date" name="order_date" value="<?php echo htmlspecialchars($get_day); ?>">
<input type="hidden" name="action" value="create_ajax_checkout"/>
<input type="submit" value="Add to cart"/>
</form>
并使用此js文件处理Ajax请求:
jQuery(document).ready(function ($) {
$('.simple-checkout').ajaxForm({
success: function (response) {
console.log(response);
//alert("Success");
},
error: function (response) {
console.log(response);
alert("Error!");
}
});
});
我的问题是$\u POST['quantity']有一个max=。我想将默认的最大值减少$u POST['quantity']的数量
因此,如果默认数量为30,并且您向购物车添加了2件物品,那么我希望将最大可用值设置为28。为您的字段指定一个ID,例如myField,然后更改属性值,如下所示:
$('#myField').attr('max', '28');
要获取字段的值,只需不传递第二个参数:
var myFieldVar = $('#myField').attr('max');
您可以在success函数中使用以下代码设置它
$("input[type='number']").attr('max',response.quantity);
获取当前值的步骤
var currentValue = $('#idOfNumberField').attr('max');
要使用新值更新,请执行以下操作:
$('#idOfNumberField').attr('max', newValue);
好的,我可以这样得到默认的最大值吗?比如:var max=$'myField'.attr'max',.val?就这么简单:var max=$'myField'.attr'max';我建议给该字段一个ID,以防止在可能有其他数字字段的情况下更改错误的字段。。。
$('#idOfNumberField').attr('max', newValue);