JS取多个下拉列表的text解决方法
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();
}
------解决方案--------------------
<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());
------解决方案--------------------