Программирование на jquery
Anonymous
JQuery Автозаполнение с динамическим текстовым полетом, сгенерированным
Сообщение
Anonymous » 02 май 2025, 13:33
Я пытаюсь использовать автозаполнение jQuery с помощью динамического текстового полета, автозаполненных работ, но основная проблема - я не могу заполнить Textfield должным образом. Как установить текущее значение Textfield 'alamat' правильно в автозаполнении? < /P>
html < /p>
Код: Выделить всё
NoNamaAlamat
< /code>
js < /p>
var counter = 1;
$(function() {
var options = {
source: 'autocomplete.php',
minLength: 2,
focus: function( event, ui ) {
$( '#nama_' + counter ).val( ui.item.value );
$( '#alamat_' + counter ).val( ui.item.alamat );
console.log(ui.item.alamat);
},
select: function( event, ui ) {
$( '#nama_' + counter ).val( ui.item.value );
$( '#alamat_' + counter ).val( ui.item.alamat );
console.log(ui.item.alamat);
}
};
$('input.searchNama').live("keydown.autocomplete", function() {
$(this).autocomplete(options);
});
var addInput = function() {
if (counter > 1){
$('input#removeButton').removeAttr('disabled');
}
var inputHTML = ' '+ counter +'';
$(inputHTML).appendTo("table#myTable tbody");
$("input.searchNama:last").focus();
counter++;
};
var removeInput = function() {
counter--;
if(counter == 1){
$('input#removeButton').attr('disabled','disabled');
counter++;
console.log('Jika Counter == 1 :' + counter);
} else {
$("table#myTable tbody tr:last").remove();
console.log('Jika Counter != 1 :' + counter);
}
};
if (!$("table#myTable tbody").find("input.searchNama").length) {
addInput();
}
$("input#addButton").click(addInput);
$("input#removeButton").click(removeInput);
});
< /code>
my autocomplete.php генерировать результат json < /p>
[{
"label": "Aditya Nursyahbani - Jl. Bratasena IX Blok U6 No. 7",
"value": "Aditya Nursyahbani",
"alamat": "Jl. Bratasena IX Blok U6 No. 7"
},
{
"label": "Slamet Aji Pamungkas - Jl. Melati 2 No. 3",
"value": "Slamet Aji Pamungkas",
"alamat": "Jl. Melati 2 No. 3"
}]
Я загружаю свой скрипт на скрипку в этой ссылке!
Подробнее здесь:
https://stackoverflow.com/questions/204 ... -generated
1746182005
Anonymous
Я пытаюсь использовать автозаполнение jQuery с помощью динамического текстового полета, автозаполненных работ, но основная проблема - я не могу заполнить Textfield должным образом. Как установить текущее значение Textfield 'alamat' правильно в автозаполнении? < /P> html < /p> [code] NoNamaAlamat < /code> js < /p> var counter = 1; $(function() { var options = { source: 'autocomplete.php', minLength: 2, focus: function( event, ui ) { $( '#nama_' + counter ).val( ui.item.value ); $( '#alamat_' + counter ).val( ui.item.alamat ); console.log(ui.item.alamat); }, select: function( event, ui ) { $( '#nama_' + counter ).val( ui.item.value ); $( '#alamat_' + counter ).val( ui.item.alamat ); console.log(ui.item.alamat); } }; $('input.searchNama').live("keydown.autocomplete", function() { $(this).autocomplete(options); }); var addInput = function() { if (counter > 1){ $('input#removeButton').removeAttr('disabled'); } var inputHTML = ' '+ counter +''; $(inputHTML).appendTo("table#myTable tbody"); $("input.searchNama:last").focus(); counter++; }; var removeInput = function() { counter--; if(counter == 1){ $('input#removeButton').attr('disabled','disabled'); counter++; console.log('Jika Counter == 1 :' + counter); } else { $("table#myTable tbody tr:last").remove(); console.log('Jika Counter != 1 :' + counter); } }; if (!$("table#myTable tbody").find("input.searchNama").length) { addInput(); } $("input#addButton").click(addInput); $("input#removeButton").click(removeInput); }); < /code> my autocomplete.php генерировать результат json < /p> [{ "label": "Aditya Nursyahbani - Jl. Bratasena IX Blok U6 No. 7", "value": "Aditya Nursyahbani", "alamat": "Jl. Bratasena IX Blok U6 No. 7" }, { "label": "Slamet Aji Pamungkas - Jl. Melati 2 No. 3", "value": "Slamet Aji Pamungkas", "alamat": "Jl. Melati 2 No. 3" }] [/code] Я загружаю свой скрипт на скрипку в этой ссылке! Подробнее здесь: [url]https://stackoverflow.com/questions/20462570/jquery-autocomplete-with-dynamic-textfield-generated[/url]