jQuery UI自动完成功能根据SeasonTypeID设置自动完成选择

时间:2018-07-20 17:04:53

标签: jquery-ui autocomplete jquery-selectors jquery-ui-autocomplete

我正在为HTML页面使用“自动完成” UI小部件,在此页面上有人可以搜索地址,在使用5个字符后,自动完成功能开始使用,并使用Json作为选择从数据库中获取地址。

现在我面临的问题是每个地址的SeasonTypeID要么为“ 1”,要么为“ 2”,因此基于seasonTypeID,我希望数据在自动填充中受到限制,因此仅显示基于SeasonTypeID的地址选择。

第一部分是我的Jquery自动完成,标签为地址,值为AdressID,值2为SeasonTypeID                  $(document).ready(function(){

                   $('#textbox').autocomplete({
                    source: 'PickupHandler.ashx',
                    minLength: 5,
                    select: function (event, ui) {
                    event.preventDefault();
                        $('#textbox').val(ui.item.label);
                        var seasontype = $('#seasonid').val(ui.item.value2);
                        var textinside = $('#addressid').val(ui.item.value);

                    }
                });

这是根据所选地址发布日期的ajax

            $('#submit').click(function () {
                var textinside = $('#addressid').val();
                var resultdate = $('#dateresult');

                $.ajax({
                    url: 'GetDate.ashx',
                    method: 'get',
                    contentType: 'application/json',
                    dataType: 'json',
                    data: { addressid: textinside },

                    success: function (data) {
                        console.log(data);
                        resultdate.html('   Your Pickup Day is: ' + data.NextPickupdate );
                    }
                })
            });
      });

'#seasonid'的值为1,因为所有地址的SeasontTypeId都为1,后来某些地址将更改为2,并且基于SeasonTypeID,我希望进行选择。

0 个答案:

没有答案