我正在使用由自动完成的jQuery脚本填充的表单。它填充产品代码,产品名称,数量和ID。表单和脚本运行良好。我的问题是我意识到我需要将jquery数量结果设置为我的数字字段(数量字段)中的MAX属性值,很不幸,我才刚刚开始学习使用jQuery进行编码。
这是我表单中的行:
<tr>
<td><input class="form-control autocomplete_txt product_code" type='text' data-type="product_code" id='product_code_1' name='' for="1" required/></td>
<td><input class="form-control autocomplete_txt product_name" type='text' data-type="product_name" id='product_name_1' name='' for="1" required/></td>
<td><input class="form-control qty_in" type='number' data-type="qty_in" id='qty_in_1' name='qty_in[]' min='' max=''for="1" required/></td>
<input class="form-control product_id" type='hidden' data-type="product_id" id='product_id_1' name='product_id[]'/>
<input class="form-control" type='hidden' id='user_id' name='user_id' value='{{ auth()->user()->id }}' />
<td><button type="button" name="add" id="add" class="btn btn-success circle"><i class="fas fa-plus-circle"></i></button></td>
</tr>
这是自动完成的jquery脚本
//autocomplete script
$(document).on('focus','.autocomplete_txt',function(){
type = $(this).data('type');
if(type =='product_code' )autoType='product_code';
if(type =='product_name' )autoType='name';
// if(type =='qty_in' )autoType='qty_in';
// if(type =='product_id' )autoType='id';
$(this).autocomplete({
minLength: 0,
source: function( request, response ) {
$.ajax({
url: "{{ route('searchStock') }}",
dataType: "json",
data: {
term : request.term,
type : type,
},
success: function(data) {
var array = $.map(data, function (item) {
return {
label: item[autoType],
value: item[autoType],
data : item
}
});
response(array)
}
});
},
select: function( event, ui ) {
var data = ui.item.data;
id_arr = $(this).attr('id');
id = id_arr.split("_");
elementId = id[id.length-1];
$('#product_code_'+elementId).val(data.product_code);
$('#product_name_'+elementId).val(data.name);
$('#qty_in_'+elementId).val(data.qty_in);
$('#product_id_'+elementId).val(data.id);
}
});
});
我的问题是如何将data.qty_in设置为数量编号字段属性的MAX值?这样可以防止用户在数量输入中输入大于data.qty_in的数量。提前非常感谢您!