jquery 获取select数组与name数组长度的实现代码

要获取<select>标签的数组，可以使用jQuery中的toArray()方法。这个方法会将一个jQuery对象转换为一个纯JavaScript数组。具体实现代码如下：

var selectArray = $('select').toArray();

这段代码会将文档中的所有<select>标签转换为数组，并将数组存储在selectArray变量中。

如果需要获取<select>标签的name属性数组，可以使用map()方法。map()方法会将一个jQuery对象转换为另一个jQuery对象，并将每个元素的值映射到一个新的数组中。具体实现代码如下：

var nameArray = $('select').map(function() {
    return $(this).attr('name');
}).get();

这段代码会将文档中的所有<select>标签的name属性值存储在nameArray数组中。

下面是两个示例说明：

示例1：获取页面中所有<select>标签的数组和name数组长度

<select name="option1">
    <option>Option1</option>
    <option>Option2</option>
    <option>Option3</option>
</select>
<select name="option2">
    <option>Option1</option>
    <option>Option2</option>
    <option>Option3</option>
</select>
<select name="option3">
    <option>Option1</option>
    <option>Option2</option>
    <option>Option3</option>
</select>

var selectArray = $('select').toArray();
var nameArray = $('select').map(function() {
    return $(this).attr('name');
}).get();

console.log(selectArray);
console.log(nameArray.length);

输出结果：

[
    <select name="option1">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>,
    <select name="option2">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>,
    <select name="option3">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>
]
3

示例2：获取指定<div>中的所有<select>标签的数组和name数组长度

<div id="container">
    <select name="option1">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>
    <select name="option2">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>
</div>

var selectArray = $('#container').find('select').toArray();
var nameArray = $('#container').find('select').map(function() {
    return $(this).attr('name');
}).get();

console.log(selectArray);
console.log(nameArray.length);

输出结果：

[
    <select name="option1">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>,
    <select name="option2">
        <option>Option1</option>
        <option>Option2</option>
        <option>Option3</option>
    </select>
]
2