1. 爱易网页
  2. ASP.NET教程
  3. 多个select怎么获取最后一个

多个select怎么获取最后一个

日期：2014-05-17　 浏览次数：20375 次

多个select如何获取最后一个，在线等
<div id="divid">
<select id="a1" name="a1">
<option value="0" selected="selected">选择分类</option>
<option value="90">MID TABLET PC</option>
</select>
<select id="a2" name="a2">
<option value="0" selected="selected">选择分类</option>
<option value="90">MID TABLET PC</option>
</select>
<select id="a3" name="a3">
<option value="0" selected="selected">选择分类</option>
<option value="90">MID TABLET PC</option>
</select>
</div>
请问我如何才能获取到最后一个select的值?谢谢

------解决方案--------------------
HTML code

 <BODY>
  <div id="divid">
<select id="a1" name="a1">
<option value="0" selected="selected">选择分类</option>
<option value="90">MID TABLET PC</option>
</select>
<select id="a2" name="a2">
<option value="0" selected="selected">选择分类</option>
<option value="90">MID TABLET PC</option>
</select>
<select id="a3" name="a3">
<option value="0" selected="selected">选择分类</option>
<option value="90">MID TABLET PC</option>
</select>
</div>

<script language="javascript">
    <!--
    var o = document.getElementsByTagName('select');

    alert(o[o.length-1].id);
    // -->
</script>
 </BODY>

------解决方案--------------------
HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
    </head>
    <body>
        <div id="divid">
            <select id="a1" name="a1">
            <option value="0" selected="selected">选择分类</option>
            <option value="90">MID TABLET PC</option>
            </select>
            <select id="a2" name="a2">
            <option value="0" selected="selected">选择分类</option>
            <option value="90">MID TABLET PC</option>
            </select>
            <select id="a3" name="a3">
            <option value="0" selected="selected">选择分类</option>
            <option value="90">MID TABLET PC</option>
            </select>
        </div>
        <script>
            var $ = function(id){
                return document.getElementById(id);
            };
            var $t = function(tag, cot){
                cot = cot || document;
                return cot.getElementsByTagName(tag);
            };
            
            var objs = $t('select', $('divid'));
            alert( objs[objs.length-1].id )
            
        </script>
    </body>
</html>

------解决方案--------------------
如果页面上还有其他的 就先定位到divid

var o = document.getElementById('divid').getElementsByTagName('select');

------解决方案--------------------
var sel = document.getElementsByTagName('select');
for(var i=0;i<sel.length;i++)
{
..
...
....这里 应该不用我来写了吧 其实根据上面几楼的 答案 自己可以改改 就出来答案了
}

相关资料更多>

  1. GridView样式整合，标题栏横向显示
  2. Visual Basic 6/VBScript 與Visual Basic.NET 的比較(中)_VB.Net语言
  3. C#.net中怎么保存带模版列(textBox)的数据
  4. div中加入onkeydown事件无效；请各位支招！谢谢
  5. 怎么遍历页面中所有div javascript ？
  6. ASP.net 的datalist控件兑现
  7. 如何让文本框中输入类似 ○m ○H ○V ○Vgtt 这样的字符
  8. 怎么用html和css控制一个table中的每个td的样式
  9. RSA加密解密及RSA签名和验证