3.609 views
Hoe kan je maken dat als je een andere keuze kiest in een selectbox, dat het formulier dan meteen gesubmit wordt.
<select name="pf" onchange="this.form.submit()"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/2001/REC-xhtml11-20010531/DTD/xhtml11-flat.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="StyleSheet" href="http://82.217.35.15/site/game/style.css" type="text/css" />
<title></title>
</head>
<body>
<div id="header"></div>
<div id="container">
<div id="links">
<div class="menutitel">Algemeen</div>
<ul class="ullinks">
<li><a class="rest" href="http://82.217.35.15/site/game/index.php">Home</a></li>
<li><a class="rest" href="#">News</a></li>
<li><a class="rest" href="#">FAQ</a></li>
<li><a class="rest" href="#">Crew</a></li>
<li><a class="rest" href="#">Contact</a></li>
</ul>
<br />
<div class="menutitel">Games</div>
<ul class="ullinks">
<li><a class="rest" href="http://82.217.35.15/site/game/games/gamelijst.php">Game lijst</a></li>
</ul>
</div>
<div id="main">
<h2>Game lijst</h2>
<form id="forms" name="forms" method="post" action="">
<table class="invoertabel" cellpadding="0" cellspacing="0">
<tr>
<td>
<select name="pf" onchange="document.forms[0].submit();">
<option value="" selected="selected"></option>
<option value="GBA">GBA</option>
<option value="DS">DS</option>
<option value="GC">GC</option>
<option value="Wii">Wii</option>
<option value="PSP">PSP</option>
<option value="PS2">PS2</option>
<option value="PS3">PS3</option>
<option value="PC">PC</option>
<option value="Xbox">Xbox</option>
<option value="360">360</option>
</select>
</td>
<td>
<select name="genre">
<option value="" selected="selected"></option>
<option value="Action">Action</option>
<option value="Adventure">Adventure</option>
<option value="Fight">Fight</option>
<option value="RPG">RPG</option>
<option value="Party">Party</option>
<option value="Puzzle">Puzzle</option>
<option value="Race">Race</option>
<option value="Shooter">Shooter</option>
<option value="Strategy">Strategy</option>
<option value="Sport">Sport</option>
<option value="Overige">Overige</option>
</select>
</td>
<td><input type="text" name="titel" value="" /><input type="submit" name="submit" value="Zoek!" /></td>
</tr>
<tr class="rij2">
<td><img src="http://82.217.35.15/site/game/img/icons/PC.gif" alt="" /></td>
<td>rpg</td>
<td>World of Warcraft</td>
</tr>
<tr class="rij1">
<td><img src="http://82.217.35.15/site/game/img/icons/mul.gif" alt="" /></td>
<td>rpg</td>
<td>Oblivion</td>
</tr>
</table>
</form>
<div class="navigatie">
<code class="active"><a href="?pag=1">1</a></code>
</div>
</div>
<div id="rechts">
<div class="menutitel">Login</div>
<div class="menubalk">
<form method="post" action="">
<div>
<input type="text" tabindex="1" size="10" name="login_nick" value="" />
<input type="checkbox" tabindex="3" name="login_cookie" value="true" />
</div>
<div>
<input type="password" tabindex="2" size="10" name="login_pass" value="" />
<input type="submit" tabindex="4" name="login_submit" value="Login." />
</div>
<p><a href="http://82.217.35.15/site/game/register.php">Nog geen acount?</a></p>
</form>
</div>
<div class="menutitel">Extra</div>
<div class="menubalkcenter">
<p>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1" height="31" width="88" />
</a>
</p>
<p>
<a href="http://jigsaw.w3.org/css-validator">
<img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Correct CSS!" height="31" width="88" />
</a>
</p>
</div>
</div>
<br />
</div>
<div id="footer"></div>
</body>
</html>