将所选内容从页面上的jquery自动完成文本框填充到第二页上的另一个自动完成

时间:2019-06-30 11:38:12

标签: jquery-ui-autocomplete

我在页面上有一个jquery自动完成文本框,当用户键入郊区/城市的前3个字母时,自动完成功能会调用Asp.net webapi并提供下拉列表供用户选择项目。当用户选择郊区/城市并单击搜索按钮时,该用户将被带到列出结果的另一个页面,并且该页面具有另一个自动完成文本框和一些其他搜索条件,用于带有其他条件的高级搜索。

当页面加载首次搜索结果时,我希望从第一页的自动完成功能中选择的项目(标签和值,即郊区/城市名称及其值)填充到第二页的自动完成功能文本框中。

代码显示在这里:

 $('#autocomplete-textbox').autocomplete({
    source: function (request, response) {                                       
    $.ajax({
    url: '/home/GetSuburbs' + '?query=' + request.term,
    type: 'GET',
    cache: false,
    global: false,
    dataType: 'json',
    success: function (json) {                       
    // call autocomplete callback method with results  
     response($.map(json, function (data, id) {                                                    
        return {
                label: data.Description,
                 value: data.ID
                            };
                        }));
                    },
                    error: function (xmlHttpRequest, textStatus, errorThrown) {                      
                        console.log('some error occured', textStatus, errorThrown);
                    }
                });
            },
            minLength: 2,
            select: function (event, ui) {             

                // store the selected suburb in global variable
               // selectedSuburbId = ui.item.value;

                // show the selected label (suburb) in the textbox
                $('#autocomplete-textbox').val(ui.item.label);
               // selectedSuburbLabel = ui.item.label;
                return false;
            }
        });

如何填充从第二个自动完成功能中的第一个自动完成功能文本框中选择的郊区。

任何帮助将不胜感激。

0 个答案:

没有答案