Question

怎么获取select标签里所有option的内容

Answer 1

jquery如何获取一个select里面的所有option的值呢？
<select class="form-control" id='mi_name'> <option>全部</option> <option>os2</option> <option>os2-anthonos</option> <option>os2-apps</option> <option>os2-centralpoint</option> <option>kf5-experimental</option> </select> 就这段里面，... 展开
m1036779838 | 浏览 36867 次
推荐于2016-02-06 16:37:46 最佳答案
基本思路：遍历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);

});

});