0

誰かが [さらに追加] ボタンをクリックしたときに入力フィールドを複製するためのこのコードがあります。

JavaScript

$(".multipleunitaddress").each(function(){
  var multipleunitaddressinput = $(this).get(0);
  autocomplete2 = new google.maps.places.Autocomplete(multipleunitaddressinput, 
  {
    componentRestrictions: {country: "nz"}
  });
});


$("#addmore").click(function(){
  var newelement = $("#multipleunitaddress").clone();
  $(this).before(newelement);
  autocomplete3 = new google.maps.places.Autocomplete(newelement,                                                      
  {
    componentRestrictions: {country: "nz"}
  });
})

html

<div class="controls" id="multipleunitaddresswrapper">
  <input type="text" id="multipleunitaddress" class="multipleunitaddress" name="multipleunitaddress" value="" class="required" placeholder="Property's Google-safe address" autocomplete="off">

  <button id="addmore" class="btn btn-danger">Add more</button>
</div>

デフォルトの入力では、Google マップのオートコンプリートが正常に実行されます。さらにボタンを追加すると、入力が複製されます。ただし、新しいクローン入力の場合、Google マップのオートコンプリートは適用されません。clone 要素で Google マップのオートコンプリートを機能させるにはどうすればよいですか?

4

1 に答える 1