Question

jQuery怎么获取Select的option个数

Answer 1

基本思路：遍历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、效果演示

Answer 2

jquery获取Select的option个数有两种方法：
1、dom方式获取option长度：
$("#selectType")[0].options.length;
2、利用层级选择器获取option长度
$("#selectType option").length

Answer 3

$(document).ready(function(){
var array = new Array(); //定义数组
$("#mi_name option").each(function(){ //遍历全部option
var txt = $(this).text(); //获取option的内容
if(txt != "全部") //如果不是“全部”
array.push(txt); //添加到数组中
});
});

如上代码可以解决，写了注释，希望可以帮到你

Answer 4

如果select标签下只有option标签的话，最直接的办法就是获取select标签下的所有option子标签
var opt = $(select).children() ;
opt.length就是option的个数；或者去循环opt，找到option标签计数

Answer 5

$(":selected").length为选择的个数，
$("select option").size()为所有选项的个数