prasanna204 Ответов: 1

Как присвоить выбранное значение из функции Auto complete extender другой функции


привет друзья

Я с помощью автозаполнения удлинитель с помощью jQuery с помощью веб-сервиса. У меня есть два текстовых поля,для обоих я использую расширитель автозаполнения.
Экс:
Material group    Material Name
MaterialGroup1    MaterialName1
                  MaterialName2
                  MaterialName3
MaterialGroup2    MaterialName4
                  MaterialName5

Здесь мой вопрос заключается в том, что когда я выбираю materialGroup1 в одном текстовом поле через autocomplete extender, соответствующие имена материалов(от MaterialName1 до MaterialName3) должны быть заполнены в auto completeextender в другом текстовом поле.

как этого добиться с помощью jquery.

Что я уже пробовал:

вот моя функция jquery
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);
                }
            });
        }
    });

Здесь я присваиваю идентификатор материала текстовому полю при выборе имени материала.
как заполнить данные на основе выбранного значения в Auto complete extnder.

1 Ответов

Рейтинг:
0

Sinisa Hajnal

Создайте обработчик событий onselect в раскрывающемся списке группа. В обработчике событий вызовите веб-сервис, который будет заполнять материальный.