我有以下 HTML 代码:
<form action="view_rebate_master.php" method="post">
<div class="form-group">
<label for="company_name" class="col-lg-12">Manufacturer</label>
<div class="col-lg-12">
<select id="company_id" class="form-control" onchange="GetProductByManufacturerID(this.value)" name="company_id">
<option selected="selected" value="">All Manufacturers</option>
<option value="40">Test</option>
<option value="42">RK</option>
<option value="49">Blue Nun</option>
<option value="58">Unique Imports</option>
<option value="59">Pernod Ricard</option>
<option value="77">Smoking Loon</option>
<option value="78">Beringer</option>
</select>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<label for="product_id" class="col-lg-12">Product Name</label>
<div class="col-lg-12">
<select id="product_id" class="form-control" name="product_id">
<option selected="selected" value="">All Products</option>
<option value="12">Riesling</option>
<option value="24">Superio Vodka</option>
<option value="32">Heineken</option>
<option value="33">Strong Bow</option>
<option value="34">Grocery</option>
<option value="35">Ruler</option>
<option value="36">Glass</option>
<option value="37">Brown Bread</option>
<option value="38">White Bread</option>
<option value="55">Cabernet Sauvignon</option>
</select>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="col-xs-5">
<div class="form-group">
<button type="submit" class="btn btn-primary" name="search" id="search">Search Rebates</button>
</div>
</div>
</div>
AJAX jQuery代码如下:
function GetProductByManufacturerID(value) {
$.ajax({
type: "POST",
url: "add_rebate_by_quat_volume.php",
data: { manufacturer_id: value, op:"" },
beforeSend: function() {
$("#product_id").html('<option> Loading ...</option>');
},
success:function(data){
$("#product_id").html('');
$("#product_id").append(data);
}
});
}
我想通过更改选择控件(选择制造商选择的控件)的值来进行 AJAX 函数调用时禁用提交按钮,并且应该禁用它,直到收到 AJAX 成功响应。当 AJAX 成功响应将收到时,用户应该能够单击提交按钮。如何实现这一目标?提前致谢。
for disable
$("#search").prop('disabled', true);
for enable
$("#search").prop('disabled', false);
就像你的函数中的下面一样
function GetProductByManufacturerID(value) {
$.ajax({
type: "POST",
url: "add_rebate_by_quat_volume.php",
data: { manufacturer_id: value, op:"" },
beforeSend: function() {
$("#product_id").html('<option> Loading ...</option>');
$("#search").prop('disabled', true); // disable button
},
success:function(data){
$("#product_id").html('');
$("#product_id").append(data);
$("#search").prop('disabled', false); // enable button
}
});
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)