jQuery用戶界面自動完成

我創建按鈕的點擊輸入，我想自動完成功能添加到它jQuery用戶界面自動完成

請注意，它正在爲一個靜態元素

我的HTML代碼

<div class="pharmaSec"> 
         <div class="form-group" id="medicineTable"> 
          <div class="col-sm-8 selectContainer"> 
           <input name="OTCtext[]" id="OTCtexts" class="form-control medicinefind"/> 
          </div> 
          <div class="col-sm-4 selectContainer"> 
           <input type="text" class="form-control" placeholder="Qts" value="1"/> 
          </div> 
         </div> 
         <div class="form-group" id="medicineTableTemp"> 
          <div class="col-sm-8 selectContainer"> 
           <input name="OTCtext[]" id="OTCtext" class="form-control medicinefind"> 
           <input type="hidden" id="hiddenValue" value="0"> 
          </div> 
          <div class="col-sm-4 selectContainer"> 
           <input type="text" class="form-control" placeholder="Qts" value="1"/> 
          </div> 
         </div>

我的js代碼

$(document).ready(function() { 
      $('#btn_add_new').click(function() { 
       $('#medicineTable').append($('#medicineTableTemp').html()); 
       $("input.medicinefind:last").focus(); 
      }); 
     }); 

     $("input.medicinefind").live("keydown.autocomplete", function() { 
      $(this).autocomplete({source: '/medicineSearch', minLength: 1}); 
     });

APPR提供所有需要的援助。

來源

2017-04-19 Dhaval Chheda

還有其他的問題非常相似，這一個。作爲一個例子，請看看這一個：http://stackoverflow.com/questions/2663573/jquery-autocomplete-for-dynamically-created-inputs – ProgrammerV5

我試過他們，他們沒有工作，因此我問了這個問題 –

我想'keydown.autocomplete'將不會存在，直到你首先實例化.autocomplete ..在DOM中創建它之後，嘗試在輸入上調用.autocomplete。 - 在focus（）事件之後。 –

我發現我的答案，以防萬一，如果anyboody被套牢了同樣的問題

var counter = 0; 
      $('#btn_add_new').click(function() { 
       counter = counter+1; 
       var id = "OTCtext"+counter; 
       var template = ' <div class="col-sm-8 selectContainer"><input name="OTCtext[]" id="'+id+'" class="form-control medicinefind"><input type="hidden" id="hiddenValue" value="0"></div><div class="col-sm-4 selectContainer"><input type="text" name="medicine_qts[]" class="form-control" placeholder="Qts" value="1"/></div>'; 

       $('#medicineTable').append(template); 
       $('#OTCtext' + counter).autocomplete({source: '/medicineSearch', minLength: 1}); 

      });

來源

2017-04-20 03:55:14

jQuery用戶界面自動完成

回答

相關問題