Javascript 如何更改autocomplete完成的请求并从另一个文本字段添加数据?

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({

我需要将另一个元素的值添加到自动完成的请求中

以下是字段:

这是js代码:

$(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,
    

    谢谢你,马赫。