禁用并启用下拉列表

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function disable()
  5. {
  6. document.getElementById("mySelect").disabled=true
  7. }
  8. function enable()
  9. {
  10. document.getElementById("mySelect").disabled=false
  11. }
  12. </script>
  13. </head>
  14. <body>
  15.  
  16. <form>
  17. <select id="mySelect">
  18. <option>苹果</option>
  19. <option>桃子</option>
  20. <option>香蕉</option>
  21. <option>桔子</option>
  22. </select>
  23. <br /><br />
  24. <input type="button" onclick="disable()" value="禁用列表">
  25. <input type="button" onclick="enable()" value="启用列表">
  26. </form>
  27.  
  28. </body>
  29. </html>