使用jQuery获取select的length属性致错

最新推荐文章于 2021-03-29 16:35:53 发布

Srlay

最新推荐文章于 2021-03-29 16:35:53 发布

阅读量3.3k

点赞数 1

分类专栏： jquery 文章标签： jquery select 标签

本文链接：https://blog.csdn.net/qq_33611068/article/details/77676629

版权

jquery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

有这样一段代码

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>

我想用jQuery来得到select标签下option的数量。于是就添加了一段代码

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script>
function displayResult(){
    alert($("#mySelect").length);
}
</script>
</head>
<body>

<form>
<select id="mySelect">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>
<button type="button" onclick="displayResult()">下拉列表中有多少选项?</button>

结果出人意料！竟然答案是：1，而明显答案是4才对！
之后测试发现，不管有几个option，答案全都是1。
因此用jQuery来获取select中length的值是错的，应该用原生的，重新写一遍上面代码中的displayResult()方法

function displayResult(){
    alert(document.getElementById("mySelect").length);
}

这样得到了正确答案，是 4 。

Srlay

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录