JQuery UI Автозаполнение и Jeditable на нескольких полях - PullRequest
Новая
       51

JQuery UI Автозаполнение и Jeditable на нескольких полях

0 голосов
/ 22 мая 2019

Я использую 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.

...