Zdarzenie keyup na polu Input utworzonym za pomocą InnerHTML

0

Witam, mam pole formularza select w który po wyborze "inne" tworzony jest div z polem Input. Chciałbym po stworzeniu takiego pola, aby działało zdarzenie keyup. Niestety zdarzenie to nie działa mi na polu utworzonym w jQuery.

Tworzenie diva z polem Input:

var newDiv = document.createElement("div"); 
              newDiv.id="divInputTypUrzadzenia";
              $('#divSelectTypUrzadzenia').after(newDiv);
              document.getElementById("divInputTypUrzadzenia").innerHTML = "<input type=\"text\" name=\"InputTypUrzadzenia\" id=\"InputTypUrzadzenia\" placeholder=\"Wpisz Typ Urzadzenia\"/> <br>";

Zdarzenie keyup

$('#InputTypUrzadzenia').keyup(function() {
          var a = $("#InputTypUrzadzenia").val();
          $('#divNapisTypUrzadzenia').html(a);
        });

Zdarzenie keyup natomiast dziala poprawnie na polu Input utworzonym w html:

<form>
  <input type="text" name="InputTypUrzadzenia" id="InputTypUrzadzenia" placeholder="Wpisz Typ Urzadzenia" />
</form>
<div id="divNapisTypUrzadzenia"></div>
0

Spróbuj tak

$('#InputTypUrzadzenia').on('keyup', function() {
0

Niestety nie pomaga. Obie opcje działają na elemencie statycznym. Nie wiem jednak jak zrobić aby keyup mógł być przypisany do dynamicznie tworzonego elementu.

0

Nasłuchuj na elemencie nadrzędnym. Np.

$('#parent').on('keyup','.myInput', function() {})

1 użytkowników online, w tym zalogowanych: 0, gości: 1