problem in dyanamic linked dropdown

[Zendie]

Hi all

I have two linked drop down menu. When i select one option, the value will automatically change in second drop down. I have problem with selected="selected" option in second drop down.
My code is like,

HTML CODE

<form action="#" method="post" name="form1aa" id="form1a" >
Reset:
<select name="resetcat" onchange=" dropchange (document.form1aa.resetcat.selectedIndex); ">
<option value="1" <?php if($this->siteresetcat==1) echo 'selected="selected"';?>>Weekly</option><option value="2" <?php if($this->siteresetcat==2) echo 'selected="selected"';?>>Monthly</option>
</select>
<input type="text" name="resetsubcattext" value="<?=$this->siteresetsubcat?>" size="3" />
<select name="resetsubcat">
</select>
</form>

JAVASCRIPT

<script language="javascript">
var i,r;
r="<?php echo $this->siteresetsubcat; ?>";
function dropchange(i){
var form1 = document.getElementById("form1a");
document.form1aa.resetsubcat.options.length=0;
switch(i)
{

case 1:
form1.resetsubcat.options[0] =new Option('---select---','0');
form1.resetsubcat.options[1] =new Option('Mon','mon');
form1.resetsubcat.options[2] =new Option('Tue','tue');
form1.resetsubcat.options[3] =new Option('Wed','wed');
//if(r=='wed'){form1.resetsubcat.options[3].selected=true;}
form1.resetsubcat.options[4] =new Option('Thu','thu');
form1.resetsubcat.options[5] =new Option('Fri','fri');
form1.resetsubcat.options[6] =new Option('Sat','sat');
form1.resetsubcat.options[7] =new Option('Sun','sun');
break;
case 2:
form1.resetsubcat.options[0] =new Option('---select---','0');
form1.resetsubcat.options[1] =new Option('1','1');
form1.resetsubcat.options[2] =new Option('2','2');
form1.resetsubcat.options[3] =new Option('3','3');
form1.resetsubcat.options[4] =new Option('4','4');
form1.resetsubcat.options[5] =new Option('5','5');
form1.resetsubcat.options[6] =new Option('6','6');
form1.resetsubcat.options[7] =new Option('7','7');
form1.resetsubcat.options[8] =new Option('8','8');
form1.resetsubcat.options[9] =new Option('9','9');
form1.resetsubcat.options[10] =new Option('10','10');
}

}
</script>

I get the value of 'r' as database value now. I have used like
if(r=='wed') {form1.resetsubcat.options[3].selected=true;} for each option. But it is not working when page reloads. When page reloads no value is displaying for subcategory with respect to category.

How can i automatically get the value of subcategory from database when page loads?

Thanks!!

[vivek151189]

First of all you nee to understand when the page reload it means it get refreshed
so the value for each dropdown list will be changed to default
there are two was for this If You want to do it like you want you want you can make use of $_session

and other way will be to get the value in dropdown without refreshing by using ajax
its totally depend on you how you want
But my suggestion will be use ajax and get the value in dependent dropdown without refreshing page

[Zendie]

Hi,

Thanks for your response. I want to select one value(which I have updated to database) of second drop down when page loads.

Thanks.