Select html

Ik ben bezig met een form. En nu heb ik een vraag.

Als ik heb

<select>
<option>1</option>
<option>2</option>
</selecy>

Dan wil ik als ie 1 is dat ik dan een ander form krijg. en als ik 2 heb krijg ik een ander form dan 1.

Dus bij 1 krijg ik:

<select>
<option>1.1</option>
<option>1.2</option>
</selecy>

En bij 2 krijg ik:

<select>
<option>2.1</option>
<option>2.2</option>
</selecy>

Hoe doe ik dit?

Alvast bedankt.

Met javascript, zoeits moet het dan worden:

<!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">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    
    <script type="text/javascript">
    function Update(){
        var waarde = document.getElementById(fail).value;
        document.getElementById(fail-1).value = waarde +.1;
        document.getElementById(fail-1).innerHTML = waarde + .1;
        document.getElementById(fail-2).value = waarde +.2;
        document.getElementById(fail-2).innerHTML = waarde + .2;
        document.getElementById(fail-3).value = waarde +.3;
        document.getElementById(fail-3).innerHTML = waarde + .3;
    }
    </script>
</head>

<body>
<form>
    <select name="fail" id="fail" onchange="Update()">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select><br />
    <select name="fail2">
        <option value="1.1" id="fail-1">1.1</option>
        <option value="1.2" id="fail-2">1.2</option>
        <option value="1.3" id="fail-3">1.3</option>
    </select>
</form>
</body>
</html>

Getest en werkt!
Het zou ook nog in een while kunnen, maar om het makkelijk te houden maar even zo gedaan!

Die cijfers waren eigenlijk een voorbeeld hoe doe ik dit met namen

En andere value??

Door de values aan te passen bij het javascript gedeelte!