Zdarzenie keyup na polu Input utworzonym za pomocą InnerHTML

Odpowiedz Nowy wątek
2018-01-17 20:34

Rejestracja: 2 lata temu

Ostatnio: 2 lata temu

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>

Pozostało 580 znaków

2018-01-17 23:45

Rejestracja: 14 lat temu

Ostatnio: 1 godzina temu

0

Spróbuj tak

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

Pozostało 580 znaków

2018-01-17 23:50

Rejestracja: 2 lata temu

Ostatnio: 2 lata temu

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.

Pozostało 580 znaków

2018-01-18 09:57

Rejestracja: 4 lata temu

Ostatnio: 11 godzin temu

0

Nasłuchuj na elemencie nadrzędnym. Np.

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

edytowany 2x, ostatnio: Veox, 2018-01-18 09:58

Pozostało 580 znaków

Odpowiedz

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