当前位置: 代码迷 >> Java Web开发 >> JS取多个下拉列表的text解决方法
  详细解决方案

JS取多个下拉列表的text解决方法

热度:9863   发布时间:2013-02-25 21:18:44.0
JS取多个下拉列表的text
<select name="yname" >
  <option value="1">1</option>
  <option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
</select>
<select name="yname" >
  <option value="1">1</option>
  <option value="4">4</option>
<option value="3">3</option>
<option value="2">2</option>
</select>

教我一下,取两个下拉列表的text

------解决方案--------------------------------------------------------
var arr=document.getElementByName('yname');
for(var i=0;i<arr.length;i++){
var obj=arr[i].selected();
}
------解决方案--------------------------------------------------------
HTML code
<!DOCTYPE HTML><html>    <head>        <meta charset="gb2312" />        <title></title>    </head>    <body>        <select name="yname" >            <option value="1">1</option>            <option value="4">4</option>            <option value="3">3</option>            <option value="2">2</option>        </select>        <select name="yname" >            <option value="1">1</option>            <option value="4">4</option>            <option value="3">3</option>            <option value="2">2</option>        </select>        <script>            alert( document.getElementsByName('yname')[0].value )                    alert( document.getElementsByName('yname')[1].value )                </script>    </body></html>
------解决方案--------------------------------------------------------
document.getElementsByName('yname')返回的是数组,然后用下标去取具体哪个
------解决方案--------------------------------------------------------
JScript code
 str为下拉列表中全部值:var name = document.getElementById("yname");         var str="";         for(var i=0;i<name.length;i++){         str += name.options[i].value;         }src为下拉列表选中值 var name = document.getElementById("yname");         var str="";         for(var i=0;i<name.length;i++){             if(name.options[i].selected)         str += name.options[i].value;         }
------解决方案--------------------------------------------------------
如果取的是text就把上面的value改为text就OK了。。
------解决方案--------------------------------------------------------
jquery形式的

alert($("option:selected").eq(0).text());

alert($("option:selected").eq(1).text());

------解决方案--------------------------------------------------------
探讨

 var arr=document.getElementByName('yname');
for(var i=0;i<arr.length;i++){
var obj=arr[i].selected();
}
  相关解决方案