20_select.html 908 B

123456789101112131415161718192021222324252627282930
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <select multiple>
  10. <option value="黑大">黑大</option>
  11. <option value="理工">理工</option>
  12. <option value="农大">农大</option>
  13. <option value="黑工程">黑工程</option>
  14. </select>
  15. <script>
  16. var oSel = document.getElementsByTagName("select");
  17. // 表单元素内容发生变化的时候会出发 onchange
  18. oSel[0].onchange = function(){
  19. console.log(this.selectedOptions)
  20. console.log(this.selectedIndex);
  21. console.log(this.options);
  22. console.log(this.options[1].selected);
  23. }
  24. // oSel[0].ondblclick = function(){
  25. // console.log(this);
  26. // }
  27. </script>
  28. </body>
  29. </html>