Page 1 of 1

Help : dyanamic drop down menu selected=selected

Posted: Wed Apr 25, 2012 3:53 am
by 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

Code: Select all

<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

Code: Select all

<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!!

Re: Help : dyanamic drop down menu selected=selected

Posted: Thu Apr 26, 2012 6:14 pm
by Robert07
It looks to me like you are mixing javascript and php, and expecting php to run after page load like javascript does. What does $this refer to in your php code?