上一篇: JQuery – 如何在ajax调用之外使... 下一篇:JQuery Mobile ListView在多行上...

如何在jQuery UI自动完成中覆盖select的默认行为？

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何在jQuery UI自动完成中覆盖select的默认行为？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有以下内容：

$('#<%=txtCity.ClientID%>').autocomplete({
  source: function (request,responsE) {
    var parameters = {
      isoalpha2: '<%=Session["BusinessCountry"].ToString()%>',prefixText: request.term
    };
    $.ajax({
      url: '<%=ResolveUrl("~/Atomicservice/Assets.asmx/GetCitiesWithState")%>',type: 'POST',dataType: 'json',contentType: 'application/json; charset=utf-8',data: JSON.Stringify(parameters),success: function (data) {
        response($.each(data.d,function (index,value) {
          return {
            label: value.slice(value.indexOf(',')),value: parseInt(value.split(',')[0])
          }
        }));
      }

    });
  },minLength: 2,delay: 50,SELEct: function (event,ui) {
    var city = ui.item.label.split(',')[0];
    var state = ui.item.label.split(',')[1];
    alert(city);
    alert(statE);
    $('#<%=txtCity.ClientID%>').val(city);
    $('#<%=txtState.ClientID%>').val(statE);
  },});

这是所有快乐的日子,除非我从自动填充列表中选择一个项目,我不希望自动填充填充$(‘#<％= txtCity.ClientID％>‘)元素.我该怎么做？我看到.insertAfter,这是我应该看的东西吗？

帮助赞赏.

解决方法

尝试从 select event返回false：

...
SELEct: function(event,')[1];
    alert(city);
    alert(statE);
    $('#<%=txtCity.ClientID%>').val(city);
    $('#<%=txtState.ClientID%>').val(statE);
    return false;
},

从文档(选择事件)：

You can try it here.