Populate Textbox With Options Selected 1

[arpan]

An HTML Form has a drop-down list in which the options are listed by retrieving records from a backend (for which I am using ASP). The options in the drop-down list are displayed as

LastName FirstName (e-mail address)

The value of each option is a whole number. This HTML Form also includes a textbox. What I want is when a user chooses one of the options from the drop-down list, the e-mail address of that chosen option should be populated in the textbox. If the user selects another option then the e-mail address of this 2nd option selected should be populated in the textbox. But note that the e-mail address of the 1st option should be kept as it is in the textbox; the e-mail address of the 2nd option selected should just get appended to the textbox (after the e-mail address of the 1st option selected) & the 2 e-mail addresses should be seperated by a semi-colon (. Here's an example:

Suppose a user selects the option Bond James

(james@bond.com)

from the drop-down list. The value of the textbox should be

james@bond.com

Next the user selects another option Horne Matt

(matt@horne.com)

from the drop-down list. Now the value of the textbox should change to

james@bond.com; matt@horne.com

The user selects yet another option Grant Hugh

(hugh@grant.com)

as the 3rd option from the drop-down, then the value of the textbox should now change to

james@bond.com; matt@horne.com; hugh@grant.com

In short, the e-mail addresses should be delimited using a semi-colon ( when there are more than 1 e-mail address in the textbox. How do I do this using JavaScript?

Thanks,

Arpan

 

[adam0101]

So something like this?

<form>
<select onchange=&quot;if(this.selectedIndex>0){this.form.t.value+=(this.form.t.value.length>0?';':'')+this[this.selectedIndex].text}&quot;>
<option>
<option value=&quot;1&quot;>james@bond.com
<option value=&quot;2&quot;>matt@horne.com
<option value=&quot;3&quot;>hugh@grant.com
</select>
<input name=&quot;t&quot;>
</form>

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};

 

[arpan]

Thanks, Adam, for your suggestion. It is working exactly as I wanted it to but there is a small hitch. Suppose from the drop-down list, I select the 1st option

james@bond.com

. The textbox value becomes

james@bond.com

Next I select the 2nd option which is

matt@horne.com

. The textbox value changes to

james@bond.com;matt@horne.com

Till this point, everything's working great but suppose I select the 1st option

james@bond.com

again from the drop-down list. This changes the textbox value to

james@bond.com;matt@horne.com;james@bond.com

Under such circumstances, the e-mail address

james@bond.com

gets appended to the textbox twice (since I had selected it 2 times). But I want to avoid repetition of the e-mail addresses in the textbox. If the e-mail address

james@bond.com

is selected more than once from the drop-down list, the textbox should still show

james@bond.com

ONCE & ONCE ONLY i.e. the value in the textbox should be

james@bond.com;matt@horne.com

How do I take care of this?

Thanks once again,

Regards,

Arpan

 

[adam0101]

Ok, a small addition...

<form>
<select onchange=&quot;if(this.selectedIndex>0 && this.form.t.value.indexOf(this[this.selectedIndex].value)==-1){this.form.t.value+=(this.form.t.value.length>0?';':'')+this[this.selectedIndex].text}&quot;>
<option>
<option value=&quot;1&quot;>james@bond.com
<option value=&quot;2&quot;>matt@horne.com
<option value=&quot;3&quot;>hugh@grant.com
</select>
<input name=&quot;t&quot;>
</form>

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};