Saving Select contents to a var 2

[LyndonOHRC]

I want to save the contents of a dynamic dropdown to a variable so I can pass it to the action page of a form. I think I think I'm close but still missing something because the field "TheHiddenField" is empty when I get to the action page.

Thanks
Lyndon

Form:

<form action="report.cfm" method="post" name="EmployeeReportForm">
	<select name="list1" multiple size="10" onDblClick="LoadHiddenField()">
		<option value="Matt">Matt</option>
		<option value="Bob">Bob</option>
		<option value="Bill">Bill</option>
	</select>
	<select name="list2" multiple size="10" onDblClick="LoadHiddenField()">
		<option value="Mary">Mary</option>
		<option value="Jane">Jane</option>
		<option value="Sue">Sue</option>
	</select>
	<input type="Hidden" value="" name="TheHiddenField">
	<input type="Submit" value="Print Preview">
</form>

Javascript:

function LoadHiddenField() {
	var ListContents = "";
	for ( var idx = 0; idx < document.EmployeeReportForm.list2.length; idx++ ) {
		ListContents+=document.EmployeeReportForm.list2.options[idx].value&",";
		}
	document.EmployeeReportForm.TheHiddenField=ListContents;
}

 

[mbrooks]

Do this

document.EmployeeReportForm.TheHiddenField[b].value[/b] = ListContents;

M. Brooks

http://mbrooks.info

 

[LyndonOHRC]

Now the value of form.TheHiddenField in the action page is 0.

Getting closer, it should be "Mary,Jane,Sue" if I ever get it right.

 

[tsuji]

[tt]function LoadHiddenField() {
var ListContents = "";
var oelem=document.EmployeeReportForm.list2;
for ( var idx = 0; idx < oelem.length; idx++ ) {
ListContents += oelem.options[idx].value;
ListContents += (idx==oelem.length-1)?",":"";
}
document.EmployeeReportForm.TheHiddenField.value = ListContents;
}
[/tt]

 

[tsuji]

Amendment
I got the line in reverse.
[tt] ListContents += (idx==oelem.length-1)?"":",";[/tt]

ps: the main problem besides .value is the use of "&" which should be "+".

 

[LyndonOHRC]

Thank you very much. It works perfectly.

Lyndon

 

[LyndonOHRC]

tsuji,

I'm really new at this. If you have a moment would you explain the use of the ? and the : in this statement?

It looks like a if then else but I'm not clear on the use of the operators.

ListContents += (idx==oelem.length-1)?",":"";

Thanks
Lyndon

 

[kaht]

Lyndon, that is known as the ternary operator and is often used as a shorthand to an if/then/else condition. They are super handy and I use them all the time

Here's a description:

http://www.mredkj.com/tutorials/reference_js_ternary.html

-kaht

[small] <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <B> <P> <.</B>[/small]
[small](He's back)[/small]

 

[LyndonOHRC]

Thanks kaht,

Great reference site.