表单中的下拉列表

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function favBrowser()
  5. {
  6. var mylist=document.getElementById("myList")
  7. document.getElementById("favorite").value=mylist.options[mylist.selectedIndex].text
  8. }
  9. </script>
  10. </head>
  11.  
  12. <body>
  13. <form>
  14. 请选择您喜欢的浏览器：
  15. <select id="myList" onchange="favBrowser()">
  16.   <option>Internet Explorer</option>
  17.   <option>Netscape</option>
  18.   <option>Opera</option>
  19. </select>
  20. <p>您喜欢的浏览器是：<input type="text" id="favorite" size="20"></p>
  21. </form>
  22. </body>
  23.  
  24. </html>