Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zdarzenia w elementach dynamicznych, Przypisanie zdarzenia do pola Input utworzonego dynamicznie
matdom
post 18.01.2018, 00:09:37
Post #1





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 17.01.2018

Ostrzeżenie: (0%)
-----


Witam,
Mam pole select, po wybraniu z niego opcji "inne" tworzony jest dynamicznie element Input. Jeżeli pole Input jest stworzone chce aby było przypisane do niego zdarzenie keyup. Dla pola tworzonego statycznie nie ma najmniejszego problemu. Jednak nie mam pojęcia jak zrobić to dla pola tworzonego dynamicznie.

Tworzenie pola
Kod
var newInput = document.createElement("input");
  newInput.id = "inputTypUrzadzenia";
  newInput.name = "inputTypUrzadzenia";
  newInput.type = "text";
  newInput.placeholder = "Wpisz Typ Urzadzenia";
  $('#brSelectTypUrzadzenia').after(newInput);
var newDiv = document.createElement("div");
  newDiv.id="divNapisTypUrzadzenia";
  $('#divSelectTypUrzadzenia').after(newDiv);


Zdarzenie keyup
Kod
$('#inputTypUrzadzenia').on("keyup", function() {
   var a = $("#inputTypUrzadzenia").val();
   $('#divNapisTypUrzadzenia').html(a);
});


Go to the top of the page
+Quote Post
markuz
post 18.01.2018, 00:50:27
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


https://jsbin.com/riqenileho/1/edit?html,js,output


--------------------
Go to the top of the page
+Quote Post
hondek
post 18.01.2018, 03:41:15
Post #3





Grupa: Zarejestrowani
Postów: 355
Pomógł: 50
Dołączył: 20.08.2007
Skąd: Częstochowa

Ostrzeżenie: (0%)
-----


  1. po: $('#brSelectTypUrzadzenia').after(newInput);
  2. musisz dać:
  3. $('#inputTypUrzadzenia').keyup(function() {
  4. //twoj kod onkeyup
  5. });


zakładam, że używasz jQuery


--------------------
przetwornik yt na czasie :)
Go to the top of the page
+Quote Post
viking
post 18.01.2018, 05:37:30
Post #4





Grupa: Zarejestrowani
Postów: 6 365
Pomógł: 1114
Dołączył: 30.08.2006

Ostrzeżenie: (0%)
-----


https://prophp.pl/article/28/propagacja_i_d...en_w_javascript


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 22:36