请教使用jquery如何获取一个select里面的所有option的值呢？

Question

<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>
就这段里面，如何把os2,os2-anthonos等等，这些值选出来，选成一个数组

Answer 1

需要准备的材料分别有：电脑、html编辑器、浏览器。1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：。var a = [];$('option[selected="1"]').each(function () {a.push($(this).text())});$('body').append(a.join(','));3、浏览器运行index.html页面，此时被选出来的值被放入一个数组并打印了出来。

Answer 2

基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。这里提供一个更简洁的代码：$("option").map(function(){return $(this).val();}).get().join(", ")代码说明：使用map()函数把每个option的值传递到当前匹配集合，生成包含返回值的对象；使用 get() 处理返回的对象以得到基础的数组；使用join()函数组装字符串。实例演示如下:1、HTML结构<select id="test">&nbsp;&nbsp;&nbsp;&nbsp;<option value="option-1">option-1</option>&nbsp;&nbsp;&nbsp;&nbsp;<option value="option-2">option-2</option>&nbsp;&nbsp;&nbsp;&nbsp;<option value="option-3">option-3</option></select><br><input type="button" value="获取所有option值">2、jquery代码$(function(){&nbsp;&nbsp;&nbsp;&nbsp;$(":button").click(function() {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var str = $("#test option").map(function(){return $(this).val();}).get().join(", ")&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(str);&nbsp;&nbsp;&nbsp;&nbsp;});});3、效果演示