Question

我正在为我的jQuery Mobile应用程序使用jQuery UI自动完成框架。

代码工作正常，但我面临的问题是，当我在字段iamat下输入一些字符时，它从后端获取数据并将其填充到字段中，当我选择其中一个选项，它是再次附加到iamatsearch，重复3次，3次后一切都很好。

<div class="row-fluid">
    <label class="fieldLabel">I am at</label>
    <input type="text" id="iamat" name="iamat" onkeypress="return nospecialCharacters(event)" required/>
    <div class="autoSearch_result_Wrap" id="iamatsearch" name="iamatsearch"></div>
</div>
<div class="row-fluid">
     <label class="fieldLabel">Table No.</label>
     <input type="text" id="tablenum" name="tablenum" onkeypress="return nospecialCharacters(event)" required/>              
</div>

$(function() {    
    $("#iamat").autocomplete({
      source: function(request, response) {
      var iamat = $.trim($("#iamat").val());
      if (iamat) {
         $.ajax({
           url: url + '/ouu/ooo/autosuggestvendornames?vname=' + iamat,
           dataType: 'jsonp',
           timeout: 6000,
           cache: false,
           jsonp: false,
           jsonpCallback: 'jsonCallback'         
           success: function(data) {
              var result = [];
              jsondata = data;
              for(var i=0;i<data.length;i++)
              {
                  result.push(data[i].vendor_name)
               }    
             response(result);
          }         
        });
       }
    },
    minLength: 2,
    appendTo: "#iamatsearch",
    select: function (event, ui) {

    }
  });
});

这个问题不会在浏览器下重复出现，所以我不会糊涂小提琴。请问有谁请告诉我如何解决这个问题？

Jquery自动完成项目选择被追加3次

0 个答案: