How can I pass From 3 Dropboxes to Texarea

[chapimp]

Can anybody help me!!!

I want to be able to select values from this three option menus,
and pass them on to the textarea,
But I dont want them to pass the value until everyone of them have been selected,
and maybe when they pass the values to the Textarea,
the sender can send this tags <" ">

So that would be like
<" valuefrombox1 valuefrombox2 valuefrombox3 ">




<form name="selectform">

<select name="dropdownbox1" size=1>
<option value="">Color</option>
<option value="red"> red</option>
<option value="green">green</option>
<option value="blue">blue</option>
<option value="pink">pink</option>
<option value="yellow">yellow</option>
<option value="black">black</option>
</select>

<select name="dropdownbox2" size=1>
<option value="">Face</option>
<option value="courier"> courier</option>
<option value="verdana">verdana</option>
<option value="comic">comic</option>
<option value="Item 4">Item 4</option>
<option value="Item 5">Item 5</option>
<option value="Item 6">Item 6</option>
</select>

<select name="dropdownbox3" size=1>
<option value="">Size</option>
<option value="1"> 1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<input type=button value="Add" onClick="passText(this.form.dropdownbox
.options[this.form.dropdownbox.selectedIndex].value);">
</form>

<form name="displayform" >
<font face="Arial, Helvetica, Sans Serif" size="3"><b>Items added to list:</b></font><br>
<textarea cols="45" name="itemsbox" ></textarea>
</form>

[Adam20002]

Hi,



<form name="selectform">

<select name="dropdownbox1" size=1>
<option value="">Color</option>
<option value="red"> red</option>
<option value="green">green</option>
<option value="blue">blue</option>
<option value="pink">pink</option>
<option value="yellow">yellow</option>
<option value="black">black</option>
</select>

<select name="dropdownbox2" size=1>
<option value="">Face</option>
<option value="courier"> courier</option>
<option value="verdana">verdana</option>
<option value="comic">comic</option>
<option value="Item 4">Item 4</option>
<option value="Item 5">Item 5</option>
<option value="Item 6">Item 6</option>
</select>

<select name="dropdownbox3" size=1>
<option value="">Size</option>
<option value="1"> 1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<input type=button value="Add" onClick="passText(this.form.dropdownbox1,this.form.dropdownbox2,this.form.dropdownbox3);">
</form>


then in passText() :-



function passText(dp1,dp2,dp3)
{
var str = "<" + dp1.options[dp1.selectedIndex].value + " " + dp2.options[dp2.selectedIndex].value + " " + dp3.options [dp3.selectedIndex].value + ">";

document.displayform.itemsbox.value = str;
}



i think should be what you are after :)

Adam