下拉列表取值的小技巧

Code:
  1. <html>      
  2. <head><title>获取下拉列表选中项的值和文本(select)</title></head>      
  3. <body>      
  4. <script>      
  5.       
  6. //获取下拉列表选中项的文本       
  7. function getSelectedText(name){       
  8. var obj=document.getElementById(name);       
  9. for(i=0;i<obj.length;i++){       
  10.    if(obj[i].selected==true){       
  11.     return obj[i].innerText;      //关键是通过option对象的innerText属性获取到选项文本       
  12.    }       
  13. }       
  14. }       
  15.       
  16. //获取下拉列表选中项的值       
  17. function getSelectedValue(name){       
  18. var obj=document.getElementById(name);       
  19. return obj.value;      //如此简单,直接用其对象的value属性便可获取到       
  20. }       
  21.       
  22. </script>      
  23. <select id="myselect">      
  24. <option value="fist">1</option>      
  25. <option value="second">2</option>      
  26. <option value="third">3</option>      
  27. </select>      
  28.       
  29. <input type="button"   value="所选文本"   onclick="alert(getSelectedText('myselect'));" />      
  30. <input type="button"   value="所选值" onclick="alert( getSelectedValue('myselect'));" />      
  31. </body>      
  32. </html>      
  33. IE6中获取下拉列表选中项的值   
  34. <script>  
  35. function u()   
  36. {   
  37. var _select = document.getElementById("ss")   
  38. var jj = _select.options[_select.selectedIndex].value;   
  39. document.write(jj);   
  40. }   
  41. 直接用一下这种方式,可能会有问题的   
  42. //获取下拉列表选中项的值       
  43. function getSelectedValue(name){       
  44. var obj=document.getElementById(name);       
  45. return obj.value;      //如此简单,直接用其对象的value属性便可获取到       
  46. }       
  47.   
  48. </script>  

 

你可能感兴趣的:(html,IE)