- <html>
- <head><title>获取下拉列表选中项的值和文本(select)</title></head>
- <body>
- <script>
- //获取下拉列表选中项的文本
- functiongetSelectedText(name){
- varobj=document.getElementById(name);
- for(i=0;i<obj.length;i++){
- if(obj[i].selected==true){
- returnobj[i].innerText;//关键是通过option对象的innerText属性获取到选项文本
- }
- }
- }
- //获取下拉列表选中项的值
- functiongetSelectedValue(name){
- varobj=document.getElementById(name);
- returnobj.value;//如此简单,直接用其对象的value属性便可获取到
- }
- </script>
- <selectid="myselect">
- <optionvalue="fist">1</option>
- <optionvalue="second">2</option>
- <optionvalue="third">3</option>
- </select>
- <inputtype="button"value="所选文本"onclick="alert(getSelectedText('myselect'));"/>
- <inputtype="button"value="所选值"onclick="alert(getSelectedValue('myselect'));"/>
- </body>
- </html>
- IE6中获取下拉列表选中项的值
- <script>
- functionu()
- {
- var_select=document.getElementById("ss")
- varjj=_select.options[_select.selectedIndex].value;
- document.write(jj);
- }
- 直接用一下这种方式,可能会有问题的
- //获取下拉列表选中项的值
- functiongetSelectedValue(name){
- varobj=document.getElementById(name);
- returnobj.value;//如此简单,直接用其对象的value属性便可获取到
- }
- </script>