HI All

I am trying to Implement three column Dependent Dropdown list and i am able to to so with with below code but problem is this code is working fine for single row only if I add one more row below working row then both stop working.

With First column selection I want to make automatic section for 2nd and 3rd column also 3rd column should dependent on 2nd column.

Please suggest what can be alternative.

<html>
<head>
<script type="text/javascript">

function setOptions(chosen) {
var selbox = document.myform.opttwo;

selbox.options.length = 0;
if (chosen == " ") {
selbox.options[selbox.options.length] = new Option('Please select one of the options above first',' ');

}
if (chosen == "1") {
selbox.options[selbox.options.length] = new
Option('Amy','oneone');

}
if (chosen == "2") {
selbox.options[selbox.options.length] = new
Option('Jhon','twoone');
selbox.options[selbox.options.length] = new
Option('Amy','twotwo');
}
if (chosen == "3") {
selbox.options[selbox.options.length] = new
Option('Ragina','threeone');
selbox.options[selbox.options.length] = new
Option('Lucy','threetwo');
}

//box 3 dropdown

var selbox = document.myform.opttwoo;

selbox.options.length = 0;

if (chosen == "1") {
selbox.options[selbox.options.length] = new
Option('185321','oneone');

}
if (chosen == "2") {
selbox.options[selbox.options.length] = new
Option('202483','twoone');
selbox.options[selbox.options.length] = new
Option('185321','twotwo');
}
if (chosen == "3") {
selbox.options[selbox.options.length] = new
Option('170335','threeone');
selbox.options[selbox.options.length] = new
Option('127530','threetwo');
}


}

</script>
</head>
<body>

<form name="myform" id="exm1" action="ajax.php" method="post">


<table width="100%" border="1">

<td><select name="optone" size="1"
onchange="setOptions(document.myform.optone.options[document.myform.optone.selectedIndex].value);">
<option value=" " selected="selected"> </option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select></td>

<td><select name="opttwo" size="1">
<option value=" " selected="selected"></option>
</select></td>

<td><select name="opttwoo" size="1">
<option value=" " selected="selected"></option></td>


</table>


</form>

</body>
</html>