fork download
copy 
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>Javascript test</title>
  6. <script type="text/javascript">
  7. function func1(obj) {
  8. 	var unit = document.getElementById("unit");
  9. 	var race = obj.options[obj.selectedIndex].value;
  10. 	var max = unit.childNodes.length;
  11. 	for(var i = 1; i < max; ++i) {
  12. 		// alert( unit.childNodes.item(i).innerHTML );
  13. 		unit.removeChild(unit.childNodes[i]);
  14. 	}
  15.  
  16. 	for(var i = 0; i < 5; ++i) {
  17. 		var element = document.createElement("option");
  18. 		element.id = race + "_" + (i+1);
  19. 		element.innerHTML = element.id;
  20. 		unit.appendChild(element);
  21. 	}	
  22. }
  23.  
  24. function func2(obj) {
  25. 	var disp = document.getElementById("dispStats");
  26. 	var u_name = obj.options[obj.selectedIndex].value;
  27. 	if( u_name != "null" ) disp.innerHTML = "You changed the unit to " + u_name;
  28. }
  29. </script>
  30. </head>
  31. <body>
  32. <header>
  33. <h1>Hello world!</h1>
  34. </header>
  35.  
  36. <article>
  37. <h2>Header H2</h2>
  38. <p>
  39. Hello world!
  40. </p>
  41. <form id="list">
  42. <select id="race" onchange="func1(this)">
  43. <option value="A1" selected>MENU-A1</option>
  44. <option value="A2">MENU-A2</option>
  45. <option value="A3">MENU-A3</option>
  46. <option value="A4">MENU-A4</option>
  47. <option value="A5">MENU-A5</option>
  48. </select>
  49. <select id="unit" onchange="func2(this)"><option value="null" selected>**未選択**</option></select>
  50. <p id="dispStats">
  51. </p>
  52. </article>
  53. <footer>
  54. <p>
  55. Hello world!
  56. </p>
  57. </footer>
  58. </body>
  59. </html>
  60.  
Not running #stdin #stdout 0s 0KB
comments ()
stdin
copy 
Standard input is empty
stdout
copy 
Standard output is empty
https://ideone.com/KG1xiF
language:
Text (text 6.10)
created:
9 years ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!