Sprawdzenie dynamiczne wartości z poprzedniego pola z formularza.

0

Witam.
Mam otóż mały problem.
Początkowo tworzę jeden ukryty przycisk z typem hidden i nadaje mu wartość 0. I teraz chcę dynamicznie stworzyć następne inputy innego typu. I aż nagle chcę stworzyć następnego inputa z typem hidden tylko z wartością zwiększoną o 1.

 <html>
 <head>
  <title>QUIZ</title>
  <script type="text/javascript">
   <!--
    function dodaj_element(kontener)
    {
	 var znacznik = document.createElement('input');
	 znacznik.setAttribute('type', 'file');
	 znacznik.setAttribute('name', 'plik');
	 znacznik.className = 'pytanie';
	 var kontener = document.getElementById(kontener);
 	 kontener.appendChild(znacznik);
    }
	function dodaj_element_radio(kontener)
    {
	 var znacznik = document.createElement('input');
	 znacznik.setAttribute('type', 'radio');
	 znacznik.setAttribute('name', 'odpowiedz');
	 znacznik.className = 'odpowiedz';
	 var kontener = document.getElementById(kontener);
 	 kontener.appendChild(znacznik);
    }
	/*fuction dodaj_element_ukryty(kontener)
	{
	 var znacznik=document.createElement('input');
	 znacznik.setAttribute('type', 'hidden');
	 znacznik.setAttribute('name', 'hidden');
	 znacznik.setAttribute('value', 'hidden');*/
	 
   //-->
  </script>
  <style type="text/css">
   <!--
    input.pytanie { display: block; }
	input.button { display: block; }
	input.odpowiedz { display: list-item;}
   -->
  </style>
 </head>
 <body>
  <form action="jakisplik.php" method="post">
   <div id="pytanie">
    <input type="hidden" name="hidden" value="0"; class="pytanie" />
   </div>
   <div>
    <input type="button" value="Załacz kolejne pytanie jednokrotnego wyboru." onclick="dodaj_element_radio('pytanie');" />
	<input type="button" value="Załacz kolejne pytanie wielokrotnego wyboru." onclick="dodaj_element('pytanie');" />
	<input type="button" value="Załacz kolejne pytanie tekstowe." onclick="dodaj_element('pytanie');" />
	<br>
    <input type="submit" value="Wyślij" />
   </div>
   <script type="text/javascript">
    document.write(getElementsByTagName('input').lastChild.nodeType);
   </script>
  </form>
 </body>
</html>

I tak się zastanawiałem jak to zrobić. Niezbyt wiem jak rozwiązać mój problem programistyczny, czy zrobić pętelkę od końca aż żądany hidden znajdzie czy inne efektywniejsze rozwiązanie. Swoje twory tworze w JavaScript połączony z HTML.

0

Jeżeli nie obchodzą Cię antyczne przeglądarki to masz coś takiego jak querySelector, wtedy już z górki.

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