[js]dodawanie pól formularza Opcje

[Budaa]

Witam, mam taką oto funkcję:

Kod

function dodaj_element(kontener){
    document.getElementById('natures_get_id').setAttribute('value',i);
    var name = 'natures_name';
    name+=i;
    var znacznik = document.createElement('input');
    znacznik.setAttribute('type', 'text');
    znacznik.setAttribute('name', name);
    znacznik.setAttribute('class', 'blok');
    var kontener = document.getElementById(kontener);
    kontener.appendChild(znacznik);
    i++;
}

Funkcja ma za zadanie:
1. Zliczanie ile pól dodano(id) i przekazanie wyniku do ukrytego pola w celu przekazania tej zmiennej do skryptu php.
2. Dodanie jednego pola input z określonymi atrybutami
3. Inkrementcję atrybutu name dla kolejnych dodanych pól tj.(natures_name1, natures_name2, natures_name3 itd.) Zgodnie z id. dla id=1 -> natures_name1.
4. Dodanie tego inputu w ściśle określonym divie.

Wyżej podana funkcja bardzo dobrze sprawdza się w dodawaniu pojedynczego inputu. Lecz niestety nie mogę sobie poradzić z tym, żeby funkcja za jedynym kliknięciem dodała np 5 inputów i każdy z nich z innymi parametrami. (oczywiście każdy ma mieć inkrementację liczby przy trybucie "name".

Bardzo prosiłbym o pomoc. Utknąłem z robotą.

ps: Właśnie. Co z polem select? Też chciałbym, żeby była możliwość dodani tego typu pola, oczywiście z określonymi opcjami.

[kamil4u]

Stwórz sobie ogólną funkcję do tworzenia elementów - np. moja:

[JAVASCRIPT] pobierz, plaintext 
   function newElement(E,O,i,k){ //E->element, O->opcje
      E = document.createElement(E);
      for(i in O){
         if(i.toLowerCase()=='css')
            for(k in O[i]) E.style[k=='float'?(document.all?'styleFloat':'cssFloat'):k] = O[i][k];
         else if(i.toLowerCase()=='event')
            for(k in O[i]) E['on'+k] = O[i][k];
         else
            E[i] = O[i];
      }      
      return E;
   }
//////////////////////////////////////////////////////
   var el = newElement('a',{
      'href': 'http://www.google.pl',
      'title': 'google',
      'innerHTML': 'KLIK',
      'css': {
         'color': '#f0f',
         'textDecoration': 'line-through',
         'float': 'right'
      },
      'event': {
         'mouseover': function(){ this.style.color = '#0f0'; },
         'mouseout': function(){ this.style.color = '#f0f'; }            
      }
   });
   document.body.appendChild(el);
[JAVASCRIPT] pobierz, plaintext 

Wtedy parametry dość łatwo będziesz mógł zmieniać i stworzyć funkcję, która będzie dodawała dokładnie to co chcesz. Samej istoty problemu nie zrozumiałem niestety - opisz dokłądniej

Pozdrawiam