Jquery auto completare in input clonat

Limbaje de Programare JavaScript / Node
1

Folosesc jqueryui pentru a primit sugestii in input cand incep sa scriu

  <script>
  $( function() {
    var availableTags = [
      "ActionScript",
      "AppleScript",
      "Asp",
      "BASIC",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Scheme"
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  } );
  </script>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags">
</div>

Cand clonez tabelul cu mai multe input-uri nu imi functioneaza autocompletarea, se deschide sugestiile in inputul initial.

			$('button.row-add').on("click", function(e) {
				e.preventDefault();

				var $table = $(this).parents('table');
				var $top = $table.find('tr.line_items').last();
				var $new = $top.clone(true);

				$new.jAutoCalc('destroy');
				$new.insertAfter($top);
				$new.find('input[type=text]').val('');	
				autoCalcSetup();

			});

Ce as putea sa ii fac?

2

Nu ai voie sa ai mai multe elemente cu același id.
Încearcă să pui la toate input-urile o clasa și selectează după ea

3

Am încercat, am schimbat din id-ul cu unul unic la fiecare clonare, am schimbat din id în name și în clasa tot la fel face.
Am încercat și cu easyautocomplete.com e la fel

4

poate merge treaba asta

mportant: You are repeating ID’s when you clone new rows and ID’s must be unique in a page by definition. The following code changes your ID’s to class instead and you will need to do same in your markup.

Ceea ce a zis deja @paul_dan

5

Chestia asta:

trebuie apelată după fiecare adăugare de element nou.

4 Likes