Help : dyanamic drop down menu selected=selected

Ye' old general discussion board. Basically, for everything that isn't covered elsewhere. Come here to shoot the breeze, shoot your mouth off, or whatever suits your fancy.
This forum is not for asking programming related questions.

Moderator: General Moderators

Post Reply
Zendie
Forum Newbie
Posts: 1
Joined: Wed Apr 25, 2012 3:46 am

Help : dyanamic drop down menu selected=selected

Post 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!!
User avatar
Robert07
Forum Contributor
Posts: 113
Joined: Tue Jun 17, 2008 1:41 pm

Re: Help : dyanamic drop down menu selected=selected

Post 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?
Post Reply