select menu and display in the frame

J

John Fung

Dear Everybody,

I have a double menu select javascript, could anyone know
how to change it, so that the result will display in a frame
name called "content", please?

Here is the script.
<html><body>
<script>
<!--
v=false;
//-->
</script>
<script>
<!--
if (typeof(Option)+"" != "undefined") v=true;
//-->
</script>
<script>
<!-- Begin
if(v){a=new Array();aln=0;}
function getFormNum (formName) {
formNum =-1;
for (i=0;i<document.forms.length;i++){
tempForm = document.forms;
if (formName == tempForm) {
formNum = i;
correctForm = tempForm;
break;
}
}
return formNum;
}
function jmp(formName,elementNum) {
getFormNum(formName);
if (formNum>=0) {
with (document.forms[formNum].elements[elementNum]) {
i=selectedIndex;
if (i>=0) location=options.value;
}
}
}
function O(txt,url) {
a[k]=new Option(txt,url);k++;
}
function relate(formName,elementNum,j) {
if(v) {
k=1;
if(j==0) { // default category item
a=new Array();
O("Select day","");
}

if(j==1) { // 1st category items
a=new Array();
O("Select day","");
O("Dec 25","2003/1225.html");
}

if(j==2) { // 2nd category items
a=new Array();
O("Select day","");
O("March 6","2004/0306.html");
}

aln2=a.length;
getFormNum(formName);
if (formNum>=0) {
formNum = formNum + 1;
with (document.forms[formNum].elements[elementNum]) {
for (var i=options.length-1;i>0;i--) options=null;
for (var i=1;i<aln2;i++) options[i-1]=a;
options[0].selected=true;
}
}
} else {
jmp(formName,elementNum);
}
}
// End -->
</script>
<center>
<table><tr>
<td align=center valign=bottom>
<form name=f1 method=post action="" onSubmit="return false;">
<select name=m1 onChange="relate(this.form,0,this.selectedIndex);
document.f2.m2.focus();">
<option value="/" class=select>Select Year
<option value="/" class=year>2003
<option value="/" class=year>2004
</select></form></td>
<td align=center valign=bottom>
<form name=f2 method=post action="" onsubmit="return false;">
<select name="m2" onchange="jmp(this.form,0)">
<option value="/" class=selectday>Select day
<option value="/">
</select></form></td>
</tr></table>
</body></html>
 
D

Dominique

quick solution...
i would suggest tho' that you think of a neater way to do this.
Don't get me wrong, not saying its bad or wrong, just from what i see there
are shorter and neater ways to do it :0)

Good luck

Change this funcion to create the url and make it the form's ACTION
then submit the form


function jmp(formName,elementNum) {
getFormNum(formName);
if (formNum>=0) {
with (document.forms[formNum].elements[elementNum]) {
i=selectedIndex;
if (i>=0) frmAction=options.value;
document.forms[formNum].action = frmAction;
document.forms[formNum].submit();
}
}
}

give the form the target you want, so when it is submitted above, it'll
sumit to that frame

<form name=f2 method=post TARGET="FRAME_NAME" action="" onsubmit="return
false;">
<select name="m2" onchange="jmp(this.form,0)">
<option value="/" class=selectday>Select day
<option value="/">
</select></form>


cheers


John Fung said:
Dear Everybody,

I have a double menu select javascript, could anyone know
how to change it, so that the result will display in a frame
name called "content", please?

Here is the script.
<html><body>
<script>
<!--
v=false;
//-->
</script>
<script>
<!--
if (typeof(Option)+"" != "undefined") v=true;
//-->
</script>
<script>
<!-- Begin
if(v){a=new Array();aln=0;}
function getFormNum (formName) {
formNum =-1;
for (i=0;i<document.forms.length;i++){
tempForm = document.forms;
if (formName == tempForm) {
formNum = i;
correctForm = tempForm;
break;
}
}
return formNum;
}
function jmp(formName,elementNum) {
getFormNum(formName);
if (formNum>=0) {
with (document.forms[formNum].elements[elementNum]) {
i=selectedIndex;
if (i>=0) location=options.value;
}
}
}
function O(txt,url) {
a[k]=new Option(txt,url);k++;
}
function relate(formName,elementNum,j) {
if(v) {
k=1;
if(j==0) { // default category item
a=new Array();
O("Select day","");
}

if(j==1) { // 1st category items
a=new Array();
O("Select day","");
O("Dec 25","2003/1225.html");
}

if(j==2) { // 2nd category items
a=new Array();
O("Select day","");
O("March 6","2004/0306.html");
}

aln2=a.length;
getFormNum(formName);
if (formNum>=0) {
formNum = formNum + 1;
with (document.forms[formNum].elements[elementNum]) {
for (var i=options.length-1;i>0;i--) options=null;
for (var i=1;i<aln2;i++) options[i-1]=a;
options[0].selected=true;
}
}
} else {
jmp(formName,elementNum);
}
}
// End -->
</script>
<center>
<table><tr>
<td align=center valign=bottom>
<form name=f1 method=post action="" onSubmit="return false;">
<select name=m1 onChange="relate(this.form,0,this.selectedIndex);
document.f2.m2.focus();">
<option value="/" class=select>Select Year
<option value="/" class=year>2003
<option value="/" class=year>2004
</select></form></td>
<td align=center valign=bottom>
<form name=f2 method=post action="" onsubmit="return false;">
<select name="m2" onchange="jmp(this.form,0)">
<option value="/" class=selectday>Select day
<option value="/">
</select></form></td>
</tr></table>
</body></html>
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Multi select options in a menu 1
How to display input options only after selecting an option from the 'select class' tag JS? 6
I want to Display Excel As HTML In js 2
Add Image and label dynamically inside the dropdown 2
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
resetting multiple SELECT values 10
How do I get the if statement correct in the lines that has it in the program? 2

Members online

No members online now.
Total: 31 (members: 0, guests: 31)
Robots: 418

Forum statistics

Threads
473,770
Messages
2,569,584
Members
45,075
Latest member
MakersCBDBloodSupport

Latest Threads

Top