Determining the Values of Multiselection Lists : List « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. List

Determining the Values of Multiselection Lists

 <html> <head> <script language = "JavaScript"> function showSelection(objectName) { var list = ""for (var i=0; i<objectName.length; i++) { if (objectName.options[i].selected) { list += objectName.options[i].text + "<p>" } } alert(list) } </script> </head> <body> <form name="form1"> Pick Your Favorite Songs From the List:<p> <select NAME="songs" SIZE=5 MULTIPLE> <option>AA</option> <option>B</option> <option>C</option> <option>D</option> <option>E</option> <option>F</option> <option>G</option> <option>H</option> <option>I</option> <option>J</option> </SELECT><p> <input type=button value="Show Selection" onClick="showSelection(this.form.songs)"> </form> </body> </html>








Related examples in the same category

1.Determining the Value or Text of the Selected Option
2.Determining the Size of the List
3.Selection List Event Handling
4.Cycling through a Multiple-Selection List
close