我正在为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,我希望进行选择。