Javascript 如何更改autocomplete完成的请求并从另一个文本字段添加数据?
我需要将另一个元素的值添加到自动完成的请求中 以下是字段: 这是js代码:Javascript 如何更改autocomplete完成的请求并从另一个文本字段添加数据?,javascript,jquery,autocomplete,Javascript,Jquery,Autocomplete,我需要将另一个元素的值添加到自动完成的请求中 以下是字段: 这是js代码: $(function () { $("#sub_category_select_add_product_page").autocomplete({ minLength: 0, source: function (request, response) { console.log(request); $.ajax({
$(function () {
$("#sub_category_select_add_product_page").autocomplete({
minLength: 0,
source: function (request, response) {
console.log(request);
$.ajax({
type: 'GET',
url: 'api/autocomplete/' + request.term,
dataType: "json",
cache: false,
success: function (data_sub_category_modal) {
response($.map(data_sub_category_modal, function (item) {
return {
label: item.Product_Category_Name,
id: item.id
};
}));
},
});
},
focus: function (event, ui) {
$("#sub_category_select_add_product_page").val(ui.item.label);
return false;
},
select: function (event, ui) {
$("#sub_category_select_add_product_page").val(ui.item.label);
$("#sub_category_id").val(ui.item.id);
return false;
},
change: function() {
alert('changed');
}
}).autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>")
.append("<div>" + item.label + "</div>")
.appendTo(ul);
};
});
$(函数(){
$(“#子#类别#选择#添加#产品#页面”)。自动完成({
最小长度:0,
来源:功能(请求、响应){
控制台日志(请求);
$.ajax({
键入:“GET”,
url:'api/autocomplete/'+request.term,
数据类型:“json”,
cache:false,
成功:功能(数据子类别模式){
响应($.map)(数据\子\类别\模式,功能(项目){
返回{
标签:item.Product\u Category\u Name,
id:item.id
};
}));
},
});
},
焦点:功能(事件、用户界面){
$(“#子#类别(选择)添加(产品)页面))val(ui.item.label);
返回false;
},
选择:功能(事件、用户界面){
$(“#子#类别(选择)添加(产品)页面))val(ui.item.label);
$(“#子#类别#id”).val(ui.item.id);
返回false;
},
更改:函数(){
警报(“更改”);
}
}).autocomplete(“实例”)。\u renderItem=函数(ul,项){
返回$(“”)
.append(“+item.label+”)
.附录(ul);
};
});
这是我的表格:
<div class="row form-group">
<div class="col-md-3 form-level"><label>Product Category <b class="mandetory_star">*</b> :</label></div>
<div class="col-sm-6">
<input class="form-control" type="text" id="category_select_add_product_page">
<input class="form-control" type="hidden" name="category_id" id="category_select_add_product_page-id">
</div>
<div class="col-sm-3">
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#addCategory">
Add Category
</button>
</div>
</div>
<div class="row form-group">
<div class="col-md-3 form-level"><label>Product Sub Category <b class="mandetory_star">*</b> :</label></div>
<div class="col-sm-6">
<input class="form-control" type="text" id="sub_category_select_add_product_page">
<input class="form-control" type="hidden" name="sub_category_id" id="sub_category_select_add_product_page-id">
</div>
<div class="col-sm-3">
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#addSubCategory">
Add Sub Category
</button>
</div>
</div>
产品类别*:
添加类别
产品分类*:
添加子类别
我该如何计算
#类别\选择\添加\产品\页面id
进入
url:'api/autocomplete/'+request.term
这是一个领域:
<input class="form-control" type="hidden" name="category_id" id="category_select_add_product_page-id">
request.term是在具有自动完成功能的
输入
字段中键入的值。如果要添加此值以外的更多信息,只需根据需要的值更改url
:
url: 'api/autocomplete/' + $('#category_select_add_product_page-id').val() + ' ' + request.term,
谢谢你,马赫。