Я использую JQUERY UI Autocomplete и Jeditable, и он хорошо работает.
Вот мой код:
HTML
<span class="MyEditable" id="id1" style="cursor: pointer">test</span>
SCRIPT Часть 1
$.editable.addInputType('autocomplete', {
element : $.editable.types.text.element,
plugin : function(settings, original) {
$('input', this).autocomplete({
source: function(request, response) {
$.getJSON(
"includes/get.php",
{ term:request.term, type: 'id1' },
response
);
},
minLength: 3,
select: function(event, ui) {
$(".MyEditable").val(ui.item.value);
}
}).data("ui-autocomplete")._renderItem = function( ul, item ) {
return $( "<li class='ui-autocomplete-row'></li>" )
.data( "item.autocomplete", item )
.append( item.label )
.appendTo( ul );
};
$('ul li a').click(function(){
$('li a').removeClass("active");
$(this).addClass("active");
});
}
});
SCRIPT Part 2
$(".MyEditable").editable("includes/save.php", {
type : 'autocomplete',
submit : 'OK',
cancelcssclass : 'btn btn-danger',
submitcssclass : 'btn btn-success',
cancel : 'Annuler',
submitdata: function () {
return { my_id: <?php echo $row['id'] ?> };
}
});
Теперь я хотел бы добавить еще одно редактируемое поле с функцией автозаполнения
<span class="MyEditable" id="id2" style="cursor: pointer">test 2</span>
Часть 2 может быть продублирована с другим именем класса, но есть ли способ изменить Часть 1 , чтобы он мог обрабатывать несколько полей?
Я новичок в JQuery.