如何使用jQuery计算DOM元素中的<option>
s数量<select>
?
<select data-attr="dropdown" id="input1">
<option value="Male" id="Male">Male</option>
<option value="Female" id="Female">Female</option>
</select>
我想找到DOM元素中的<option>
标签数量<select>
,因为要打开带有相应数量的输入字段的设置面板,并从下拉框中选择相应的选项值,然后在预览中再次进行更改面板。
上面的下拉框在我的预览面板中,该面板由jQuery生成。
$('#input1 option').length;
这将产生2
。
W3C解决方案:
var len = document.getElementById("input1").length;
您可以使用任一length属性,并且length
性能优于size
。
$('#input1 option').length;
或者您可以使用size函数,例如(在jQuery v3中已删除)
$('#input1 option').size();
$(document).ready(function(){
console.log($('#input1 option').size());
console.log($('#input1 option').length);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select data-attr="dropdown" id="input1">
<option value="Male" id="Male">Male</option>
<option value="Female" id="Female">Female</option>
</select>
您的问题有点令人困惑,但是假设您要在面板中显示选项数量:
<div id="preview"></div>
和
$(function() {
$("#preview").text($("#input1 option").length + " items");
});
不知道我能理解您其余的问题。
在多选选项框中,您可以$('#input1 :selected').length;
用来获取所选选项的数量。如果未达到一定的最小选项数量,则这对于禁用按钮很有用。
function refreshButtons () {
if ($('#input :selected').length == 0)
{
$('#submit').attr ('disabled', 'disabled');
}
else
{
$('#submit').removeAttr ('disabled');
}
}
好的,我遇到了一些问题,因为我在
$('.my-dropdown').live('click', function(){
});
我的页面中有多个,这就是为什么我使用一门课。
当我单击下拉列表时,其下拉列表会自动被ajax请求填充,因此我只有元素$(this)
所以...
我必须做:
$('.my-dropdown').live('click', function(){
total_tems = $(this).find('option').length;
});
最好的形式是这样
$('#example option').length
另一种可能有用的方法。
$('#select-id').find('option').length
本文地址:http://javascript.askforanswer.com/jisuanjqueryzhongxuanzebiaoqianzhongdexuanxiangbiaoqiandeshuliang.html
文章标签:html , javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
文章标签:html , javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!