Witam,

Potrzebuję Waszej pomocy, bo nie mogę jakoś znaleźć satysfakcjonującego mnie rozwiązania.

Sprawa wygląda tak: mam prosty formularz

[HTML] pobierz, plaintext 
<form method="post" action="">
 
<div id="device">
<input type="radio" name="device" id="device1" value="Device 1" />Device 1<br>
<input type="radio" name="device" id="device2" value="Device 2" />Device 2<br>
</div>
 
<div id="serial1" style="display:none">
<label for="s1">Serial1: </label>
<input type="text" name="s1" value="" />
 
<select name="card1">
	<option value="X">X</option>
	<option value="Y">Y</option>
</select>
</div>
 
<div id="serial2" style="display:none">
<label for="s2">Serial2: </label>
<input type="text" name="s2" value="" /> 
 
<select name="card2">
	<option value="A">A</option>
	<option value="B">B</option>
</select>
</div>   
 
<input type="hidden" name="serial" value="" />
<input type="hidden" name="card" value="" />
<input type="submit" value="test" name="test"/>
 
<form>
[HTML] pobierz, plaintext 

oraz prosty skrypt:

[HTML] pobierz, plaintext 
	$(document).ready(function ()
	{
		$('#device1').click(function ()
		{
			$('#serial1').show("fast");	
			$('#serial2').hide("fast");				
		});
	});
 
	$(document).ready(function ()
	{
		$('#device2').click(function ()
		{
			$('#serial2').show("fast");	
			$('#serial1').hide("fast");
		});
	});
[HTML] pobierz, plaintext 

Oto co chciałbym osiągnąć BEZ przeładowania strony:

Gdy wybiorę np. Device 1, wypełnię input s1 i wybiorę wartość z listy card1, to chciałbym żeby te wartości zostały wysłane odpowiednio do ukrytych inputów serial i card. Następnie żeby wartości te zostały wyświetlone w alercie.

Niby proste, ale jakoś nie bardzo wiem jak to zrobić...

Z góry dzięki za pomoc.

wstawianie tekstu do inputa:



a pozniej

Dzięki bardzo za pomysł