Forum PHP.pl > [JavaScript] Dynamiczne dodawanie pól formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Dynamiczne dodawanie pól formularza

bobo168

8.02.2009, 13:07:15

Witam mam skrypt dodwania pól formularzy, wszystko działa ok tylko że chciałem bym uzyskac coś takiego:

[HTML] pobierz, plaintext 
<tr><td> odpowiedz : </td><td><input type="text" name="odp(ilestam)" /></td></tr>
[HTML] pobierz, plaintext

a nie samo : <input type="text" name="odp(ilestam)" />

Próbowałem dodawac do funkcji document.write ale nic to nie daje...

Tu jest kod tej funkcji:

[HTML] pobierz, plaintext 
<script type="text/javascript">
  window.onload = Laduj;
function Laduj() {
   document.getElementById('add_input').onclick = DodajElement;
  }
   function DodajElement()
   {
    var element = document.createElement('input');
     element.setAttribute('type', 'text');
     var liczba = 0;
     var ilosc = document.forms['sonda'].elements.length;
    for (var i = 0; i < ilosc; i++ )
     {
      if (document.forms['sonda'].elements[i].type == 'text')
   {
        liczba += 1;
       }
     }
    element.setAttribute('name', 'odp'+(liczba+1));
    element.style.display = "block";
    element.style.margin= "2px";
	document.forms['sonda'].appendChild(element);
 
   }
   </script>
[HTML] pobierz, plaintext

Z góry dzięki za pomoc

Crozin

8.02.2009, 13:28:00

Kod

var tr = document.createelement("tr");
var tdA = document.createElement("td");
var tdI = -||-
var anw = document.createTextNode("Odpowiedź:");
var inp = document.createElement("input");
inp.setAttribute("type", "text");
inp.setAttribute("name", "costam[ilestam]");

tdI.appendChild(inp);
tdA.appendChild(anw);
tr.appendChild(tdA);
tr.appendChild(tdI);

document.getElementById("id_tabelki").appendChild(tr);

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.