如何将自动完成扩展器功能中的选定值分配给另一个功能 [英] How to assign selected value from auto complete extender function to another functionn

问题描述

嗨朋友



我正在使用jquery通过webservice使用auto complete extender。我有两个文本框。因为我使用自动完成扩展器。

Ex：

hi friends

I am using auto complete extender using jquery through webservice. I have two textboxes.for both I am using autocomplete extender.
Ex:

Material group    Material Name
MaterialGroup1    MaterialName1
                  MaterialName2
                  MaterialName3
MaterialGroup2    MaterialName4
                  MaterialName5

这里我的问题是当我通过autocomplete extender在一个文本框中选择materialGroup1时应该在另一个文本框中的auto completeextender中填充相应的材质名称（从MaterialName1到MaterialName3）。



如何使用jquery实现此目的。



我尝试了什么：



这里我的jquery函数是

Here my question is when I select materialGroup1 in one textbox through autocomplete extender the corresponding materialnames(from MaterialName1 to MaterialName3) should be populated in auto completeextender in another textbox.

how to achieve this using jquery.

What I have tried:

here my jquery function is

function SearchText() {

        $(".autosuggest").autocomplete({
        
        source: function (request, response) {            
            $.ajax({
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "MaterialRequestForm.aspx/GetAutoCompleteData",

                data: "{'MaterialName':'" + this.term + "'}",
                dataType: "json",

                success: function (data) {
                    if (data.d.length > 0) {
                        response($.map(data.d, function (item) {
                            return {
                                label: item.split('/')[0],
                                val: item.split('/')[1],
                               
                            }
                        }));
                    }
                    else {
                        response([{ label: 'No Records Found', val: -1 }]);
                    }
                },
                error: function (result) {
                    alert("Error");
                }
            });
        },
        select: function (event, ui) {
            //if (ui.item.val == -1) {
            //    return false;
            //}
            var disid  = $(this).attr("data-id");
            $(".id-group").find(".col-md-12").each(function(){
                if (disid == $(this).find("input[type=text]").attr("data-id")) {
                    $(this).find("input[type=text]").val(ui.item.val);
                }
            });
        }
    });

这里我在选择材料名称时将材料ID分配给文本框。

how根据auto complete strnder中的选定值填充数据。

Here I am assigning material Id to textbox on selection of Material name.
how to populate the data based on selected value in auto complete extnder.

推荐答案

（ 。autosuggest）。autocomplete（{

source： function （request，response）{

(".autosuggest").autocomplete({ source: function (request, response) {

.ajax（{
type： POST，
contentType： application / json; charset = utf-8，
url： MaterialRequestForm.aspx / GetAutoCompleteData，

数据： {'MaterialName'：' + 此 .term + '}，
dataType： json，

成功： function （data）{
if （data.d.length> 0 ）{
response（

.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "MaterialRequestForm.aspx/GetAutoCompleteData", data: "{'MaterialName':'" + this.term + "'}", dataType: "json", success: function (data) { if (data.d.length > 0) { response(

.map（data.d， function （item）{
return {
label：item.split（ ' /'）[ 0 ]，
val：item.split（ ' /'）[ 1 ]，

}
}））;
}
else {
response（[{label：' 找不到记录'，val：-1}]）;
}
}，
错误： function （结果）{
alert（ 错误）;
}
}）;
}，
select： function （event，ui）{
// if（ui.item.val == -1）{
// 返回false;
// }
var disid =

.map(data.d, function (item) { return { label: item.split('/')[0], val: item.split('/')[1], } })); } else { response([{ label: 'No Records Found', val: -1 }]); } }, error: function (result) { alert("Error"); } }); }, select: function (event, ui) { //if (ui.item.val == -1) { // return false; //} var disid =

这篇关于如何将自动完成扩展器功能中的选定值分配给另一个功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！