<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form id="form1" name="form1" method="post" action="<?php print($_SERVER["REQUEST_URI"]); ?>">
<?php
if(isset($_POST["textfield"]) && strlen($_POST["textfield"]) && isset($_POST["textfield2"]) && strlen($_POST["textfield2"]) && isset($_POST["select"]) && strlen($_POST["select1"]) && isset($_POST["select2"]) && strlen($_POST["select2"]) && isset($_POST["select3"]) && strlen($_POST["select3"]))
{
if(mail("snakeday@vipmail.hu","látogatói üzenet", "Név: " . $_POST["textfield"] . "\nE-mail: " . $_POST["textfield2"] . "\n\nÜzenet: " . $_POST["textarea"]))
print("A levél sikeresen elküldve!");
else
print("A levél elküldése sikertelen!");
}
?>
<table width="100%" border="0">
<tr>
<td><div align="right">Név:</div></td>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td><div align="right">Tel:</div></td>
<td><input type="text" name="textfield2"></td>
</tr>
<tr>
<td> <div align="right">Mérete:</div></td>
<td><select name="select1">
<option id="s1_0">Válasszon...</option>
<option id="s1_1">8 szeletes</option>
<option id="s1_2">16 szeletes</option>
<option id="s1_3">24 szeletes</option>
<option id="s1_4">32 szeletes</option>
<option id="s1_5">56 szeletes</option>
</select></td>
</tr>
<tr>
<td><div align="right">Torta fajta: </div></td>
<td><select name="select2">
<option id="s2_0">Válasszon...</option>
<option id="s2_1">Tejszínkrémes</option>
<option id="s2_2">Vajkrémes</option>
<option id="s2_3">Főttkrémes</option>
<option id="s2_4">Egyéb</option>
</select></td>
</tr>
<tr>
<td><div align="right">Torta íze: </div></td>
<td><select name="select3" size="1">
<option id="s3_0">----</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><input type="reset" name="Reset" value="Törlés">
<input type="submit" name="Submit2" value="Megrendelem"></td>
</tr>
</table>
</form>
<script type="text/javascript">
function new_option(f, i, v, t) {
f.select3.options[i] = new Option(t, v);
}
function set_select(f) {
var v;
var f;
SI = f.select2.selectedIndex;
try {
v = f.select2.options[SI].id;
}
catch (e) {
f = document.getElementById('form1');
v = f.select2.options[SI].id;
}
if(v == 's2_1') {
f.select3.options.length = 0;
f.select3.selectedIndex = -1;
f.select3.options[0] = new Option('- - -', 0);
new_option(f,1,"Valami iz","Valami íz");
new_option(f,2,"Újabb íz","Újabb íz");
} else if(v == 's2_2') {
f.select3.options.length = 0;
f.select3.selectedIndex = -1;
f.select3.options[0] = new Option('- - -', 0);
new_option(f,1,"Ez is egy íz","Ez is egy íz");
new_option(f,2,"Ez mégegy íz","Ez mégegy íz");
/****************************************************/
} else {
f.select3.options.length = 0;
f.select3.selectedIndex = -1;
f.select3.options[0] = new Option('- - -', 0);
}
}
</script>
<script type="text/javascript">
function select_change() {
set_select(document.form1);
}
select_change();
document.form1.select2.onchange = select_change;
</script>
</body>
</html>
Na szóval az első javascript részben van ami a müveletet végzi. A v változóban van a kiválasztott torta ID -je. Ezt kell ellenőrizni, hogy ha a v az az id, akkor milyen opciókat tartalmazzon a select3 nevű lista.
Az első 3 sor mindíg
f.select3.options.length = 0;
f.select3.selectedIndex = -1;
f.select3.options[0] = new Option('- - -', 0);
Utána pedig a new_option függvényben az első paraméter mindíg az f ami maga a select objektum, a második paraméter az index, vagyis hogy hányadik legyen a listában, a harmadik paraméter az opció value értéke, amit az űrlap elküld, és az utolsó pedig amit a user a kiválasztáskor lát. Én ezt azonosra tettem, mert látom eleve nem is volt value külön megadva.
