Witam. Próbuje ogarnąć jak dodać autofill'a do kodu dodającego inputy. Oddzielnie oba kody działają,razem już nie
<div id='TextBoxesGroup'>
<label for="autocomplete" class="field prepend-icon"> <input class="autocomplete gui-input" type="text" name="autocomplete" placeholder="Wybierz urządzenie *" >
<label for="autocomplete" class="field-icon"><i class="fa fa-file-text-o"></i></label>
<div class="col-md-4"><label class="field select" > <select id="typnaprawy" name='nastepny_status'>
<div class="col-md-2"><label for="autocomplete" class="field prepend-icon"> <input id="autocomplete" type="text" name="autocomplete" placeholder="Wybierz urządzenie *" class="gui-input" >
<label for="autocomplete" class="field-icon"><i class="fa fa-file-text-o"></i></label>
<script type="text/javascript"> var availableTags = {{ urzadzenia|json_encode|raw }};
$( "#autocomplete" ).autocomplete({
source: availableTags
});
$( "#menu" ).menu();
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
$(document).ready(function () {
var counter = 2;
$("#addButton").click(function () {
if (counter > 10) {
alert("Only 2 textboxes allowed");
return false;
}
$('
<div/>',{'id':'TextBoxDiv' + counter}).html(
)
.append( $('
<div class="col-md-6" ><label for="autocomplete" class="field prepend-icon"><input id="autocomplete" type="text" class="autocomplete" name="autocomplete" placeholder="Wybierz urządzenie *" ><label for="autocomplete" class="field-icon"><i class="fa fa-file-text-o"></i></label></label></div>').attr({'id':'textbox' + counter,'name':'textbox' + counter }) )
.appendTo( '#TextBoxesGroup' )
.append( $('
<div class="col-md-4"><label class="field select" ><select id="typnaprawy" name="nastepny_status"><option value="">Status *
</option></select><i class="arrow double"></i></label></div>').attr({'id':'textbox' + counter,'name':'textbox' + counter}) )
.appendTo( '#TextBoxesGroup' )
.append( $('
<div class="col-md-2"><input name="te2[]" class="gui-input" type="text"></div>').attr({'id':'textbox' + counter,'name':'textbox' + counter}) )
.appendTo( '#TextBoxesGroup' )
counter++;
});
$("#removeButton").click(function () {
if (counter == 1) {
alert("No more textbox to remove");
return false;
}
counter--;
$("#TextBoxDiv" + counter).remove();
});
});