Auto selecting an option in selection box

**gogelpot** · 08-31-2006 04:06 AM

Hi

I would like to know is possible to have javascript auto select a option or two in a multiple selection box and then submit it.

Meanning that I have a selection box and I want javascript to select 2 or more options in the selection box by it self and the submit it.

If possible how will this be done?

**Kor** · 08-31-2006 04:29 AM

yes, but i would like to know which will be the event (the action of the user): onclick? On what? And how to youinput the values (the indexes of the options)? Are there static (preset) ot are to be input dynamically by the user in a way or another?

Can you detail a little bit?

**gogelpot** · 08-31-2006 04:39 AM

Ok,

What I am doing is as follow:

I have two selection boxes "A" and "B".
"A" is populated by a DB.
Now the user wil select a option (Name of a person) in "A".
The Second selection box "B" is then populated by the selections made in "A"
Now the user has selected the team (From "A" to "B") and wants to submit it.

On the form there is a buttun with a onClick event, this will then call the function thaat will select all the options in "B" and submit it.

Hope this awnsers the q.

**Kor** · 08-31-2006 04:51 AM

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function selectAll(f){
var op=f['B'].options;
for(var i=0;i<op.length;i++){
op[i].setAttribute('selected',true)
}
}
</script>
</head>
<body>
<form action="" onsubmit="return selectAll(this)">
<select name="B" multiple>
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
<input name="sub" type="submit" value="GO">
</form>
</body>
</html>

**gogelpot** · 08-31-2006 04:54 AM

Thanks Kor this realy helps

**Kor** · 08-31-2006 04:55 AM

Originally Posted by gogelpot

Thanks Kor this realy helps

Take care, I have edited my post:

op[i].setAttribute('selected','selected')
(as initially I have written) will not work in Mozilla, so that I have corrected, and the crossbrowser correct syntax is:

op[i].setAttribute('selected',true)

**gogelpot** · 08-31-2006 05:26 AM

Ok Thanks

Thread: Auto selecting an option in selection box

Thread Tools

Display

Auto selecting an option in selection box

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions