自動填充不工作

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script> 

var arrAntibiotics = {}; 

$.ajax({ 
    url: 'data.xml', 
    dataType: 'xml', 
    success: function (data) { 
     $(data).find('antibiotic').each(function() { 
      var name = $(this).find('name').text(); //name of product 

      $('.ac').append('<li>' + name + '</li>'); 
      // console.log(name + 'ffff'); 

      $("#input").autocomplete({ 
       source: name 
      });

自動填充不工作

<div id="delvo"> 
    <div class="c"> 
     <form> 
      <input type="text" name="input" id="input" /> 
      <a class="arrow" href="#"><span class="arrow-down"></span></a> 
      <ul class="ac"></ul> 
     </form> 
    <div class="results">

當我試圖從列表中選擇列表中自動填入得不到刷新面臨的問題，前3個字母進行搜索。

來源

2017-09-27 ASHU

它不工作的原因是因爲javascript和輸入框之間沒有鏈接。您需要添加諸如<input type="text" name="input" id="input" onkeypress="doSearch()" />之類的東西，然後將您的ajax調用包含在名爲doSearch的函數中。

另外，只需使用jQuery UI自動完成插件，它已經獲得了您需要的所有功能，並且已經被數百萬用戶測試過。

jQuery UI Autocomplete

來源

2017-09-27 11:51:51 twoleggedhorse

感謝，但如果u通過我的代碼，那麼在哪裏明白，在我的代碼的變種名稱是我正在通過XML，並且由於保持這樣我能存儲逐個渲染動態li元素...總的來說，它是一個動態的li元素，因爲你所共享的url已經被手動存儲了。 – ASHU

在下面做提包 $（「#input」）.autocomplete（{ source：name } ）; – ASHU

也有XML例子 – twoleggedhorse

自動填充不工作

回答

相關問題