JS在获取相同名称标签的个数时遇到的问题
1.document.getElementsByTagName("SELECT").length获取页面中所有select的个数2.document.getElement...
1.document.getElementsByTagName("SELECT").length 获取页面中所有select的个数
2.document.getElementsByName("str").length 获取所有name="str"的个数。
第2种情况获取时不对,我页面中做的是动态增加删除的,比如增加一个名称是str的下拉框,这个代码是在JS中写的。按照第2种方法获取个数时JS里动态添加的总是获取不到。有什么办法解决吗? 展开
2.document.getElementsByName("str").length 获取所有name="str"的个数。
第2种情况获取时不对,我页面中做的是动态增加删除的,比如增加一个名称是str的下拉框,这个代码是在JS中写的。按照第2种方法获取个数时JS里动态添加的总是获取不到。有什么办法解决吗? 展开
3个回答
展开全部
呵呵。这个正常。如果是IE的话,应该没什么错。但是其他浏览器就有问题了,
有些标签不支持name属性。如 table等,
最简单的方式,引入Jquery 用Jquery的方法就很轻松,因为Jquery的方法都兼容过,用起来很简单方便
有些标签不支持name属性。如 table等,
最简单的方式,引入Jquery 用Jquery的方法就很轻松,因为Jquery的方法都兼容过,用起来很简单方便
追问
能举例说明一下Jquery的用法吗?
追答
1.网上下载一个Jquery的文件
2.导入JS 写在标签中优先导入
3.
1
2
3
alert($("#div1 select[name='s']").length)
这个是找到 id为div1中的 name为s的select控件,如果要查询整个页面的select
那么$("select[name='s']").length
如果不想局限在select控件就去掉就OK了
如:$("[name='s']")
再具体点就看看教程
展开全部
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByName("myInput");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many elements named 'myInput'?" />
</body>
</html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByName("myInput");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many elements named 'myInput'?" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
动态增加的select下拉框,可能name没有正确设置上。
检查一下代码兼容性,或用firebug工具看看页面动态结构和属性。
检查一下代码兼容性,或用firebug工具看看页面动态结构和属性。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询