onchange - 当用户选择下拉值时

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function preferedBrowser() {
  6.   prefer = document.forms[0].browsers.value;
  7.   alert("你喜欢使用 " + prefer + " 在网上冲浪！");
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <form>
  14. 请选择您喜欢的浏览器：
  15.   <select id="browsers" onchange="preferedBrowser()">
  16.     <option value="Chrome">Chrome</option>
  17.     <option value="Internet Explorer">Internet Explorer</option>
  18.     <option value="Firefox">Firefox</option>
  19.   </select>
  20. </form>
  21.  
  22. </body>
  23. </html>