jquery如何获取一个select里面的所有option的值呢?

<selectclass="form-control"id='mi_name'><option>全部</option><option>os2</option><optio... <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等等,这些值选出来,选成一个数组
展开
 我来答
幻翼高达Zero
2019-07-15 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:4.6万
展开全部

需要准备的材料分别有:电脑、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页面,此时被选出来的值被放入一个数组并打印了出来。

learneroner
高粉答主

推荐于2017-10-05 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:5702万
展开全部

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
澤希Dc
推荐于2017-10-11 · TA获得超过1747个赞
知道小有建树答主
回答量:509
采纳率:0%
帮助的人:211万
展开全部
	$(document).ready(function(){
var array = new Array(); //定义数组
$("#mi_name option").each(function(){ //遍历全部option
var txt = $(this).text(); //获取option的内容
if(txt != "全部") //如果不是“全部”
array.push(txt); //添加到数组中
});
});

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

本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
whenevery00
2014-04-28 · TA获得超过430个赞
知道小有建树答主
回答量:174
采纳率:100%
帮助的人:225万
展开全部
$('select option').map(function(){
if($(this).text() != '全部'){
return $(this).text();
}
});

应该不需要全部那个值吧? 如果需要的话 就把if条件去掉

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
yegao
2015-10-16 · TA获得超过1153个赞
知道小有建树答主
回答量:533
采纳率:66%
帮助的人:355万
展开全部
$("option").each(function(){
    var v= $(this).val();//这句获取当前遍历到的option的值
    $("body").append(v);
})
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式