dynamiczne pola
December 9th, 2008
mam formularz, w którym chciałbym aby niektóre pola uaktywniały się lub dezaktywowały w zależności od wyboru internauty. Przykładowo, internauta może wybrać datę swoich urodzin z rozwijanej listy ale jeśli nie znajdzie na niej swojej daty będzie mógł zaznaczyć opcję w formularzu, która otworzy mu nowe pole gdzie będzie mógł wpisać datę urodzenia samodzielnie i automatycznie dezaktywuje pole listy rozwijanej.
poniżej prosty kodzik z wykozystaniem w tym celu JS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<link href="style.css" rel="stylesheet" type="text/css" />
<head>
<title>bez nazwy</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<form method="POST" action="nazwa_skryptu">
data urodzenia<select value='' id="wypiszG" name="wawa">
<option>1988</option>
<option>1989</option>
<option>1990</option>
</select>
<br><br>
inna<input value='tak' type="checkbox" id='r'
onclick="
e=document.getElementById('r');
if(e.checked == true){
f=getElementById('wypiszD'); f.type='';
c=document.getElementById('wypiszG'); c.disabled=true;
}else{
c=document.getElementById('wypiszG'); c.disabled=false;
f=getElementById('wypiszD');
f.type='hidden';
}"
/>
<input type="hidden" value='kjhkj' id="wypiszD" name="wawaw"/>
</form>
</body>
</html>
jak wygląda samo działanie można sprawdzić tutaj
