誰かが [さらに追加] ボタンをクリックしたときに入力フィールドを複製するためのこのコードがあります。
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 マップのオートコンプリートを機能させるにはどうすればよいですか?