Forums
This topic is locked
dynamic list/menu comes out as one long line
05 Aug 2002 23:28:19 Air Data posted:
I'm developing a ticket ordering system and have a parent list/menu for "month" and a child list/menu that is populated dynamically with "day" and "date" of the show. My problem is the child list/menu is dynamically updated with the info fine but it comes out in one long line, not multiple lines to select the day of the show. Here is the code on the page:<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"
)>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function KW_updateItems(d,o,fn) {
var i,s,l=MM_findObj(d),b,z=o.options[o.selectedIndex].value;
l.length=0;l.options[0]=new Option('tbd','tbd');b=(z!='nill')?eval(z+'_items'):0;
for(i=0;i<b.length;i++){s=b[i].split("|"
;l.options[i]=new Option(s[1],s[0]);}l.selectedIndex=0;if (!fn) return;eval(fn)
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="secure.xxx.net/ssl-cgi/xxx.exe/xxx-additem">
<p>
<select name="mnuMonth" id="mnuMonth" onChange="KW_updateItems('mnuDay',this)">
<option value="nill" selected>Select Month</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select name="mnuDay" id="mnuDay">
<option value='tbd'>Waiting for Selection</option>
</select>
</form>
<p> </p>
<script language="JavaScript">
var August_items = new Array();
August_items[0]='TcoAug02|<cfoutput query="TcoAug02">#TcoAug02.Text#</cfoutput>';
var September_items = new Array();
September_items[0]='TcoSep02|<cfoutput query="TcoSep02">#TcoSep02.Text#</cfoutput>';
var October_items = new Array();
October_items[0]='TcoOct02|<cfoutput query="TcoOct02">#TcoOct02.Text#</cfoutput>';
var November_items = new Array();
November_items[0]='TcoNov02|<cfoutput query="TcoNov02">#TcoNov02.Text#</cfoutput>';
var December_items = new Array();
December_items[0]='TcoDec02|<cfoutput query="TcoDec02">#TcoDec02.Text#</cfoutput>';
</script>
Any help appreciated!
AirData