jQuery怎么获取Select的option个数

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery怎么获取Select的option个数相关的知识,希望对你有一定的参考价值。

基本思路:遍历select下的option,使用val()获取每个option的值,然后加入到一个数组中。根据这个思路,可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码:

$("option").map(function()return $(this).val();).get().join(", ")

代码说明:

使用map()函数把每个option的值传递到当前匹配集合,生成包含返回值的对象;

使用 get() 处理返回的对象以得到基础的数组;

使用join()函数组装字符串。

实例演示如下:

1、html结构

<select id="test">

    <option value="option-1">option-1</option>

    <option value="option-2">option-2</option>

    <option value="option-3">option-3</option>

</select><br>

<input type="button" value="获取所有option值">

2、jquery代码

$(function()

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

        var str = $("#test option").map(function()return $(this).val();).get().join(", ")

        alert(str);

    );

);

3、效果演示

参考技术A jquery获取Select的option个数有两种方法:
1、dom方式获取option长度:
$("#selectType")[0].options.length;
2、利用层级选择器获取option长度
$("#selectType option").length
参考技术B $(document).ready(function()
var array = new Array(); //定义数组
$("#mi_name option").each(function() //遍历全部option
var txt = $(this).text(); //获取option的内容
if(txt != "全部") //如果不是“全部”
array.push(txt); //添加到数组中
);
);

如上代码可以解决,写了注释,希望可以帮到你
参考技术C 如果select标签下只有option标签的话,最直接的办法就是获取select标签下的所有option子标签
var opt = $(select).children() ;
opt.length就是option的个数;或者去循环opt,找到option标签计数
参考技术D $(":selected").length为选择的个数,
$("select option").size()为所有选项的个数本回答被提问者和网友采纳

jquery怎么获取 select option 的值

参考技术A 在HTML中,select控件的值等于其当前选中的option的值,所以:
$("select").val();
//
可以获取select当前的值
如果想获取当前select下option的所有的值,则:
var
selValue
=
[];
//
定义一个空数组用于接收select下option所有的值
var
options
=
$("select").find("option");
//
select下所有的option
for
(var
i=0;
i<options.length;
i++)

selValue.push(options.eq(i).val());
//
将所有的值赋给数组

以上是关于jQuery怎么获取Select的option个数的主要内容,如果未能解决你的问题,请参考以下文章

jQuery怎么获取Select的option个数

“jquery”怎么获取“ select option ”的值?

jquery怎么获取select option的值

jquery怎么获取 select option 的值

jquery怎么获取select选中的值

Jquery怎么获取select选中项 自定义属性的值