Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: hodnota inputov sa vymaze pri vlozeni riadku do tabulky

JavaScript JavaScript hodnota inputov sa vymaze pri vlozeni riadku do tabulky

Aktivity (1)
Avatar
alex
Člen
Avatar
alex:18.9.2016 20:40

Ahoj ,

snazim sa dynamicky tvorit tabulku , kazdy stlpec obsahuje input , no vzdy ked pridam dalsi riadok , hodnoty vsetkych inputov v predchadzajucich riadkoch sa nadstavia naspat na defaultnu hodnotu.

priklad:

<table>
  <tbody>

  </tbody>
</table>
var table = document.querySelector('table tbody');

window.onkeydown = function(){
        table.innerHTML+='<tr><td><input type=number value=1/></td></tr>';
}

Stretol sa niekto s podobnym problem / vedel by poradit ako to opravit? Vyvtvarat riadky pomocou createElement() atd by bolo zdlhave kedze stlpcov bude viac.
DIk!

 
Odpovědět 18.9.2016 20:40
Avatar
Odpovídá na alex
Michal Struna:18.9.2016 20:46

Ahoj, je to tím, že innerHTML k přepsání třeba jediného řádku tabulky musí přepsat tabulku celou. A protože obsah inputů není součástí HTML kostry, vymaže se. Zkus to pomocí appendChild, mělo by to fungovat:

var table = document.querySelector('table tbody');

window.onkeydown = function(){
   var tr = document.createElement('tr');
   tr.innerHTML = '<td><input type=number value=1/></td>';
   table.appendChild(tr);
}

Je to, jak píšeš, o něco delší, ale 3 řádky nejsou nic strašného.

Editováno 18.9.2016 20:47
Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět  +1 18.9.2016 20:46
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.