동적으로 생성 된 텍스트 상자에 자동 구현을 구현하는 방법

내 코드는 아래와 같습니다. 웹 사이트에서 가져 왔습니다. 하지만 뭔가 빠져 있다고 생각합니다. 내 일을 끝내도록 도와주세요. 미리 감사드립니다동적으로 생성 된 텍스트 상자에 자동 구현을 구현하는 방법

// HTML

<div class="input_fields_wrap"> 
    <button class="add_field_button">Add More Fields</button> 
    <div><input type="text" name="mytext[]"></div> 
</div>

// JS

var availableAttributes = [ 
      "account_address", 
      "account_address_city", 
      "account_address_country", 
      "account_address_state",. 
      "account_address_street1", 
      "account_address_street2", 
      "account_address_zip", 
      "account_email", 
      "account_login", 
      "account_name", 
      "account_number", 
      "account_telephone" 
     ]; 

    $(document).ready(function() { 
     var max_fields  = 10; //maximum input boxes allowed 
     var wrapper   = $(".input_fields_wrap"); //Fields wrapper 
     var add_button  = $(".add_field_button"); //Add button ID 

    var x = 1; //initlal text box count 
    $(add_button).click(function(e){ //on add input button click 
     e.preventDefault(); 
     if(x < max_fields){ //max input box allowed 
      x++; //text box increment 
      $(wrapper).append('<div><input id="' + x + '" type="text" name="mytext"/><a href="#" class="remove_field">Remove</a></div>'); 

//add input box 


$("input[id="+ x +"]").autocomplete({ 
       source: availableAttributes 
      }); 
     } 
    }); 

    });

출처

2017-05-18 Varun CV

주십시오 자세한 내용을 수정 한 후 작업 데모 codepen 후 JSON에서 .있다. 이 코드에 문제가 있습니까? 왜 그것은 당신을 위해 작동하지 않습니다? –

코드 블록의 마지막 코드 부분을 편집하십시오 ... –

@RoryMcCrossan 일부 링크가없는 것 같습니다. 적합한 링크를 제안 해 주시겠습니까? –

문제는 매우 분입니다. 너의 아들은 틀렸다. 그것은 account_address_state

확인 JSON을

출처

2017-05-18 10:14:36

동적으로 생성 된 텍스트 상자에 자동 구현을 구현하는 방법

답변

관련 문제