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用户界面自动完成

回答

相关问题