<div>
<div class="content wysiwyg-content">
I have a drop-down box with a list of items, user selects from that list, clicks on a Submit button<br />
and the item selected is appended to a text area. The following code works OK for a single list item,<br />
but I'd like to allow the user to select multiple items (ctrl-click or shift-click) to add multiple items.<br />
How can I modify my javascript code to do this?<br />
<br />
<br />
&nbsp; &nbsp; &nbsp; function add_users() {<br />
&nbsp; &nbsp; &nbsp; &nbsp; if (document.getElementById('<wbr />to_text').<wbr />value.leng<wbr />th &gt;&nbsp;0)<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('t<wbr />o_text').v<wbr />alue += ',';<br />
&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('t<wbr />o_text').v<wbr />alue += document.getElementById(&quot;t<wbr />o_select&quot;)<wbr />.options[d<wbr />ocument.ge<wbr />tElementBy<wbr />Id(&quot;to_sel<wbr />ect&quot;).sele<wbr />ctedIndex]<wbr />.value;<br />
&nbsp; &nbsp; &nbsp; };<br />
<br />
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;select id=&quot;to_select&quot; size=&quot;5&quot; multiple=&quot;multiple&quot; name=&quot;add_tos[]&quot;&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;? &nbsp; &nbsp;// php code here to fetch items from database and loop<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; echo '&lt;option&gt;' . $row['firstname'] . ' ' . $row['lastname'] . ' &amp;lt' . $row['email'] . '&amp;gt&lt;/option&gt;';<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ?&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/select&gt;<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;input id=&quot;add_button&quot; type=&quot;button&quot; value=&quot;Add&quot; onClick=&quot;add_users();&quot;/&gt;<br />

</div>
</div>


I have a drop-down box with a list of items, user selects from that list, clicks on a Submit button
and the item selected is appended to a text area. The following code works OK for a single list item,
but I'd like to allow the user to select multiple items (ctrl-click or shift-click) to add multiple items.
How can I modify my javascript code to do this?


      function add_users() {
        if (document.getElementById('to_text').value.length > 0)
          document.getElementById('to_text').value += ',';
        document.getElementById('to_text').value += document.getElementById("to_select").options[document.getElementById("to_select").selectedIndex].value;
      };


              <select id="to_select" size="5" multiple="multiple" name="add_tos[]">
              <?    // php code here to fetch items from database and loop
                        echo '<option>' . $row['firstname'] . ' ' . $row['lastname'] . ' &lt' . $row['email'] . '&gt</option>';
                ?>
              </select>
              <input id="add_button" type="button" value="Add" onClick="add_users();"/>


Javascript needed to add multiple selections to a text area

JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.