Witam, autocomplete działa mi tylko dla pierwszego inputa dodatkowe tworzone przez kopiowanie całego li z inputami nie działają.
input wygląda tak:
<li>
<input type="text" class="ingredient" name="ingredient[]" onkeyup="autocomplet()" autocomplete="off" value="" />
<ul id="ingredient_list_id"></ul>
<input type="text" class="datepicker" name="deliverydate[]" autocomplete="off" value="" />
</li>
kod js:
$('button').on('click', function(event) {
event.preventDefault();
var lines = $('#lines');
var i = 0;
$('input.datepicker').datepicker("destroy");
lines.append(lines.find('li:first-child').clone());
$('.datepicker').each(function () {
$(this).attr("id",'datepicker' + i).datepicker();
i++;
});
});
$('input.datepicker').datepicker();
$( function() {
$( "#datepicker" ).datepicker();
} );
// autocomplet : this function will be executed every time we change the text
function autocomplet() {
var min_length = 1; // min caracters to display the autocomplete
var keyword = $('.ingredient').val();
if (keyword.length >= min_length) {
$.ajax({
url: 'ajax_refresh.php',
type: 'POST',
data: {keyword:keyword},
success:function(data){
$('#ingredient_list_id').show();
$('#ingredient_list_id').html(data);
}
});
} else {
$('#ingredient_list_id').hide();
}
}
// set_item : this function will be executed when we select an item
function set_item(item) {
// change input value
$('.ingredient').val(item);
// hide proposition list
$('#ingredient_list_id').hide();
}
```
Datepicker mi dział natomiast jak w podobny sposób próbuje dodać autocomplete to nie działa. Macie jakieś pomysły na to?