jquery 如何获取select值遍历函数each怎么写

function AAA()

{

$("select")each(

function()

{

alert($(this)val())

}

);

}

这样就能依次d出各个下拉框的值了。

参考如下代码

$("select")val(); // 选中项目的value值

$("select option:checked")text(); // 选中项目的显示值

示例如下：

创建Html元素

请选择：

<select id="sel">

<option value="1">选项1</option>

<option value="2">选项2</option>

<option value="3">选项3</option>

<option value="4">选项4</option>

</select>

<input type="button" value="被选项目">

编写jquery代码

$(function(){

$("input")click(function() {

a = $("#sel")val();

b = $("#sel option:checked")text();

alert("被选项目的值："+a+"，被选项目的显示值："+b+"。");

});

})

显示效果

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

以上就是关于jquery 如何获取select值遍历函数each怎么写全部的内容，包括:jquery 如何获取select值遍历函数each怎么写、jquery怎么获取下拉框所有的值、jQuery怎么获取Select的option个数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！