$var fanger ikke text felt i span element

har ikke mere end 5 point men håber der er en der kgider hjælpe anyway :)

jeg har dem her. som skifter alt efter et forrigt valg:

<span id='opt1' style='display: none;'>
    Bredde:<br /><input type="text" name="bredde"><br />
        Højde:<br /><input type="text" name="hoejde">
            </span>


<span id='opt2' style='display: none;'>
    Bredde:<br /><input type="text" name="bredde"><br />
    Dybde:<br /><input type="text" name="dybde_min"><br />
        Højde:<br /><input type="text" name="hoejde">
</span>

<span id='opt3' style='display: none;'>
        Diameter:<br /><input type="text" name="diameter"><br />
        Højde:<br /><input type="text" name="hoejde">
</span>

<span id='opt4' style='display: none;'>
    Bredde:<br /><input type="text" name="bredde"><br />
        Dybde:<br /><input type="text" name="dybde_min"><br />
        Højde:<br /><input type="text" name="hoejde"><br />
        Sokkel:<br /><input type="text" name="sokkel">
</span>

<span id='opt5' style='display: none;'>
    Bredde:<br /><input type="text" name="bredde"><br />
        Dybde min:<br /><input type="text" name="dybde_min"><br />
        Dybde max:<br /><input type="text" name="dybde_max"><br />
        Højde:<br /><input type="text" name="hoejde">
</span>

<span id='opt6' style='display: none;'>
    Bredde:<br /><input type="text" name="bredde"><br />
        Dybde min:<br /><input type="text" name="dybde_min"><br />
        Dybde max:<br /><input type="text" name="dybde_max"><br />
</span>

<span id='opt7' style='display: none;'>
    Bredde:<br /><input type="text" name="bredde"><br />
        Dybde:<br /><input type="text" name="dybde_min"><br />
</span>

---

de variabler der skulle fange dem:

$bredde = $_POST['bredde'];
$dybde_min = $_POST['dybde_min'];
$dybde_max = $_POST['dybde_max'];
$hoejde = $_POST['hoejde'];

---

den fanger alle de andre felter før og efter disse kommer..

så ved ikke om det har noget med .jsén at gøre:
<script type='text/javascript'>
    var visibleElement;
    function toggleVisibleElement(val){
        if(visibleElement){
            visibleElement.style.display = 'none';
        }
        visibleElement = document.getElementById('opt' + val.split("#")[1]);
        visibleElement.style.display = 'inline';}
</script>.

på forhånd tak