Select from a list

[Rick]

Is there a way to select all the elements of a list via a JavaScript?

This is a way it is

<form action="" method="post" enctype="application/x-www-form-urlencoded">
<select name="select" size="6" multiple>
<option value="TEST1">TEST1</option>
<option value="TEST2">TEST2</option>
<option value="TEST3">TEST3</option>
</select>
<P>
<input type="button" name="Button" value="Select All">
</form>

I would like to end up after clicking on the button to be like this

<form action="" method="post" enctype="application/x-www-form-urlencoded">
<select name="select" size="6" multiple>
<option value="TEST1" selected>TEST1</option>
<option value="TEST2" selected>TEST2</option>
<option value="TEST3" selected>TEST3</option>
</select>
<P>
<input type="button" name="Button" value="Select All">
</form>

Is there any way to do this.

Thanks for any help you can give!!!

Rick

[RobG]

Rick wrote:

Is there a way to select all the elements of a list via a JavaScript?

This is a way it is

<form action="" method="post" enctype="application/x-www-form-urlencoded">
<select name="select" size="6" multiple>
<option value="TEST1">TEST1</option>
<option value="TEST2">TEST2</option>
<option value="TEST3">TEST3</option>
</select>
<P>
<input type="button" name="Button" value="Select All">
</form>

I would like to end up after clicking on the button to be like this

<form action="" method="post" enctype="application/x-www-form-urlencoded">
<select name="select" size="6" multiple>
<option value="TEST1" selected>TEST1</option>
<option value="TEST2" selected>TEST2</option>
<option value="TEST3" selected>TEST3</option>
</select>
<P>
<input type="button" name="Button" value="Select All">
</form>

Is there any way to do this.

Here's your button (presumes the select has at least one option):

<input type="button" name="Button" value="Select All" onclick="
var o = this.form.elements['select'].options;
var i = 0;
do {
o[i].selected = true;
} while ( o[++i] )
">

--
Rob

[Rick]

"RobG" <rg***@iinet.net.auau> wrote in message
news:nG*****************@news.optus.net.au...

Rick wrote:

Is there a way to select all the elements of a list via a JavaScript?

This is a way it is

<form action="" method="post"
enctype="application/x-www-form-urlencoded">
<select name="select" size="6" multiple>
<option value="TEST1">TEST1</option>
<option value="TEST2">TEST2</option>
<option value="TEST3">TEST3</option>
</select>
<P>
<input type="button" name="Button" value="Select All">
</form>

I would like to end up after clicking on the button to be like this

<form action="" method="post"
enctype="application/x-www-form-urlencoded">
<select name="select" size="6" multiple>
<option value="TEST1" selected>TEST1</option>
<option value="TEST2" selected>TEST2</option>
<option value="TEST3" selected>TEST3</option>
</select>
<P>
<input type="button" name="Button" value="Select All">
</form>

Is there any way to do this.

Here's your button (presumes the select has at least one option):

<input type="button" name="Button" value="Select All" onclick="
var o = this.form.elements['select'].options;
var i = 0;
do {
o[i].selected = true;
} while ( o[++i] )
">

WOW this worked sooo good. Thanks very much!!!

Is there anyway to make sure the put at least one entry in the list?

Thanks again!!!

[RobG]

Rick wrote:

"RobG" <rg***@iinet.net.auau> wrote in message
news:nG*****************@news.optus.net.au...

[...]

Here's your button (presumes the select has at least one option):

<input type="button" name="Button" value="Select All" onclick="
var o = this.form.elements['select'].options;
var i = 0;
do {
o[i].selected = true;
} while ( o[++i] )
">

WOW this worked sooo good. Thanks very much!!!

Is there anyway to make sure the put at least one entry in the list?

To make it more robust, put the following in a script:

function checkAll(el){
if ( el && /select/i.test(el.nodeName) ){
var o = el.options;
var i = o.length;
while ( i-- ) { o[i].selected = true; }
}
}

And call it with:

<input type="button" name="Button" value="Select All"
onclick="checkAll(this.form.elements['select'])">

Now you don't care if the element doesn't exist or has no options, no
error messages will pop up. If it's not a multiple select, the first
option will end up being selected.

--
Rob