formSelectionPage.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <?xml version="1.0"?>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>Testing Typing into body</title>
  5. <script type="text/javascript">
  6. function setMessage(message) {
  7. document.getElementById('result').innerHTML = message;
  8. }
  9. function showSelected() {
  10. var selectElement = document.getElementById('multi');
  11. if (selectElement == null) {
  12. appendMessage("null!");
  13. }
  14. var options_array = selectElement.getElementsByTagName('option');
  15. var selected_cheese = "";
  16. for (var i = 0; i < options_array.length; i++) {
  17. if (options_array[i].selected) {
  18. selected_cheese = selected_cheese + options_array[i].label + " ";
  19. }
  20. }
  21. setMessage(selected_cheese);
  22. }
  23. </script>
  24. </head>
  25. <body>
  26. <h1>Type Stuff</h1>
  27. <div id="result">
  28. &nbsp;
  29. </div>
  30. <form action="" id="on-form" name="multichoice">
  31. <select name="multi" id="multi" multiple="multiple">
  32. <option selected="selected" label="emmental">Emmental</option>
  33. <option label="roquefort" >Roquefort</option>
  34. <option label="parmigiano">Parmigiano</option>
  35. <option label="cheddar">Cheddar</option>
  36. </select>
  37. </form>
  38. <input type="button" name="showselected" onclick="showSelected()" value="Show selected"/>
  39. </body>