DHTML: Retreiving the selected items in a list

I've made a list/listbox with the multiple property set to true. How can I get the text string of all the items selected?
ask98Asked:
Who is Participating?
 
garrethgConnect With a Mentor Commented:
I assume you mean on the client?

I've used an array because it's more useful than a string and I don't know what you want to do with the values. For a string change the lines:

var selectedItems= new Array();

selectedItems[selectedItems.length]= me.options[i].text;

to:

var selectedItems= "";

selectedItems+= me.options[i].text;


<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript1.1">
<!--
function returnSelected(me) {
  var selectedItems= new Array();
  for (var i=0; i < me.length; i++) {
    if (me.options[i].selected) {
      selectedItems[selectedItems.length]= me.options[i].text;
    }
  }
  return selectedItems;
}
//-->            
</SCRIPT>
</HEAD>
<BODY>

<FORM>
<SELECT NAME="mySelect" SIZE="6" MULTIPLE>
<OPTION>option1</OPTION>
<OPTION>option2</OPTION>
<OPTION>option3</OPTION>
<OPTION>option4</OPTION>
<OPTION>option5</OPTION>
<OPTION>option6</OPTION>
</SELECT>
<INPUT TYPE="button" VALUE="return selected" onClick="alert(returnSelected(this.form.mySelect))"
</FORM>

</BODY>
</HTML>
0
All Courses

From novice to tech pro — start learning today.