Gossamer Forum: General: Internet Technologies: Javascript

May 8, 2007, 9:09 AM

Andy

Veteran / Moderator (17298 posts)

May 8, 2007, 9:09 AM

Post #1 of 3

Shortcut

Javascript - select all "select" values

Hi,

I'm trying to make a <select> form object automatically select all of the values in it, when clicking on a link.

For example:

Code:
<p>Categories: [ <a href="#" onclick="CheckAll();">select all</a> ]</p> 

<select size="9" name="Categories" multiple> 
     <option value="5">bar</option> 
     <option value="2">bla bla bkl </option> 
     <option value="3">dum de dar da</option> 
     <option value="6">dghfgd</option>  
     <option value="4">foo</option> 
    <option value="1">test</option> 
</select>

..and then the CheckAll() function would need to select all of the "options" inside the "select" input.

I have some code I've used before for "check-boxes", so they all get ticked - but this doesn't work for a SELECT field. For reference, here is the code that works with checkbox type elements:

Code:
   <script language="Javascript"> 
      function CheckAll (box) { 
          for (var i = document.editor_add.elements.length - 1; i >= 0; i--) { 
              document.editor_add.elements[i].checked = true; 
          }       
      } 
      </script>

Any suggestions?

TIA!

Andy (mod)
andy@ultranerds.co.uk

IMPORTANT: I've now moved to ultranerds.co.uk, and the .com will no longer work!
Want to give me something back for my help? Please see my Amazon Wish List
GLinks ULTRA Package (plugins total "value" $3,325 & rising, for just $350)| GLinks ULTRA Package PRO (plugins total "value" $5,625 & rising, for just $500)
Support Forum | Links SQL Plugins | DMOZ Dumps | UltraNerds | ULTRAGLobals Plugin | Pre-Made Template Sets | FREE GLinks Plugins!
Compare our different Plugin packages *new* Free CSS Templates

Jul 24, 2007, 12:29 AM

olivers

User (97 posts)

Jul 24, 2007, 12:29 AM

Post #2 of 3

Shortcut

Re: [Andy] Javascript - select all "select" values In reply to

Hi Andy

I've tried to adapt your JavaScript and this seems to work:

Code:

<html>   
<head><title>Select-Test</title>   

<script type="text/javascript">   
function CheckAll () {   
for (var i = document.Selecttest.Categories.length - 1; i >= 0; i--) {   
document.Selecttest.Categories.options.selected = true;   
}   
}   
</script>   

</head>   

<body>   
<p>Categories: [ <a href="#" onclick="CheckAll();">select all</a> ]</p>   

<form name="Selecttest">   
<select size="9" name="Categories" multiple>   
<option value="5">bar</option>   
<option value="2">bla bla bkl </option>   
<option value="3">dum de dar da</option>   
<option value="6">dghfgd</option>   
<option value="4">foo</option>   
<option value="1">test</option>   
</select>   
</form>   

</body>   

</html> 

Have a nice day and all the best
Smile

liver

Last edited by:

olivers: Jul 24, 2007, 12:30 AM

Jul 24, 2007, 2:24 AM

Andy

Veteran / Moderator (17298 posts)

Jul 24, 2007, 2:24 AM

Post #3 of 3

Shortcut

Re: [olivers] Javascript - select all "select" values In reply to

Hi Oliver,

I managed to find a different approach in the end. Nether the less, thanks for the reply :)

Cheers

Andy (mod)
andy@ultranerds.co.uk