Uncaught TypeError: Cannot read property 'value' of undefined

最新推荐文章于 2023-09-21 08:52:04 发布

MelissaHu

最新推荐文章于 2023-09-21 08:52:04 发布

阅读量3.5k

点赞数

分类专栏： jq web

本文链接：https://blog.csdn.net/p1233321/article/details/51240130

版权

jq 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

web

3 篇文章 0 订阅

订阅专栏

之前愚蠢的行为，一直想使用document.getElementsByName("aa").value来获取name为aa的所有下拉列表选中的值，但是总是报错，
仔细一想,var ss=document.getElementsByName("aa")中 ss得到是一个数组，value是不能获取一个数组的值。
此时，萌生了写成var ss=document.getElementsByName("aa")[1].value的想法，果不其然，立马得到了第二个下拉列表的选中的值，
但是，我想要的是得到一组下拉列表中选中的值，而不是某一个，所以，经过倒腾，写了以下代码，结果还是实现了。
<body>

<div id="content" style="width: 400px; height: 200px; border:1px solid red;">
<div id="content_small">
<select name="aa">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
</select>
<button id="add">Add</button>
<button id="delete">Delete</button><br>
</div>
</div>

<button id="btn">submit</button>

<script type="text/javascript">
var i=1;

$(function(){
$("#add").click(function(){
i+=1;
$("#content_small").clone(true).appendTo("#content");


})
});

$(function(){
$("#delete").click(function(){
var self = $(this);
self.closest("#content_small").remove();
i-=1;

})
});

$("#btn").click(function(){
var dd = new Array();
var ss = document.getElementsByName("aa");
for(var j=0;j<ss.length;j++){
var mm = ss[j].value;
dd.push(mm);

}

alert(dd);

});

</script>
<body>

其实这个很简单，一直未实现的原因有以下几个：首先，分析问题，不管有多紧急，得到真正问题是最重要的前提（毕竟问题搞错了，不管怎么答也是错误的）。
其次，基础，个人觉得要写好js，熟悉基本的语法是非常重要的，搞不清document.getElementsByName("aa");得到的是数组非常尴尬。
最后，还是思维的问题，出现问题不要在问题上纠结太久，可以试着从头开始分析。

MelissaHu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Uncaught TypeError: Cannot read property 'value' of undefined

之前愚蠢的行为，一直想使用document.getElementsByName("aa").value来获取name为aa的所有下拉列表选中的值，但是总是报错，仔细一想,var ss=document.getElementsByName("aa")中 ss得到是一个数组，value是不能获取一个数组的值。此时，萌生了写成var ss=document.getElementsByN
复制链接

扫一扫