jQuery怎么获取Select的option个数

jQuery怎么获取Select的option个数,第1张

如果select标签下只有option标签的话,最直接的办法就是获取select标签下的所有option子标签

var

opt

=

$(select)children()

;

optlength就是option的个数;或者去循环opt,找到option标签计数

1、通过标签过滤器获取select对象组

var sels = $('select');//根据select标签获取所有的select标签

2、通过jquery的过滤器返回的数组长度获取select的数量

var len = selslength;//通过length属性获取select的数量

jQuery的length 属性可以获取包含 jQuery 对象中元素的数目,所以获取input的个数可用如下代码实现

$('input')length;       // 所有input的数量,包括文本框、单选按钮、复选框、隐藏域等

$('input:text')length;  // 文本框的数量

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取文本框数量:</span><br>

<div class="content">

<input type="text" name="name" value="John"/>

<input type="text" name="password" value="jack"/>

<input type="text" name="url" value="tom"/>

</div>

<input type="button" value="点击获取文本框数量">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

input[type='text']{width:200px;height:35px;padding:5px 10px;margin:5px 0;border:1px solid #ff9966;}

编写jquery代码

$(function(){

$(":button")click(function() {

alert($("input:text")length);

})

})

观察效果

给input标签一个id=“inputId”

然后在JS中写$("inputId")value;这样就能获取input标签的值了;

用documentgetElementById("inputId")value;这个方法也可以获取input标签的值。

要获取标签个数需要用到size()函数用法,size() 方法返回被 jQuery 选择器匹配的元素的数量。 例子:

<script  language="javascript" type="text/javascript">

$(document)ready(function(){

var i=$('div')size();//获得div标签的数目

var j=$('ff')size();//获得class为ff的font标签的数目

alert("div有"+i+"个;font有"+j"个");

})

</script>

<div>div1</div><br>

<div>div2</div><br>

<div>div3</div><br>

<div>div4</div><br>

<font class="ff">111</font>

<font class="ff">222</font>

<font class="ff">333</font>

你这个 s 是什么对象??JSON?ARRAY?

如果是 ARRAY:

var s=[

{id:11,name:'aaa'},

{id:22,name:'bbb'},

{id:33,name:'ccc'}

];

//用 sslength 就可以取得里面对象的数量。不用劳Jq的大驾。

如果是 JSON (正确的格式应该是这样):

var s = {

"obj0":{id:11,name:'aaa'},

"obj1":{id:22,name:'bbb'},

"obj2":{id:33,name:'ccc'}

}

//据我所知的只能遍历它才能取得里面的对象数量

var num=0;

$each(s,function(index,obj){

  num++;

});

alert(num);

<!doctype html>

<head>

<meta charset="UTF-8">

<title>得到li的数量</title>

<script type="text/javascript" src=">

以上就是关于jQuery怎么获取Select的option个数全部的内容,包括:jQuery怎么获取Select的option个数、jquery怎么取得select的数量、如何用jquery获取当前页面中input的个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9406880.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存