首页 > Web开发 > 详细

前端jquery 获取select多选的值

时间:2019-02-17 22:44:19      阅读:347      评论:0      收藏:0      [点我收藏+]

当select设置属性multiple=‘multiple‘时, option就可以多选了  那么我们如何获取所有被选中的option的值呢?

 

首先说明:

$(‘select[name="manufacturer"] option:selected‘).val();   默认只能获取第一个被选中的值

所以,用用遍历的方法获取每一个被选中的值:再push到数组中得到所有选中值的数组  

var seld = [];

$(‘select[name="manufacturer"] option:selected‘).each(function () {
  console.log($(this).val());

  seld.push($(this).val())

});

 console.log(seld); # 验证seld的值

html代码:

<form action="share" name="share" method="post">

<select class="form-control" name="manufacturer" multiple=‘multiple‘>

    <option value="Xiaomi">Xiaomi</option><option value="HP">HP</option>
      <option value="Huawei">Huawei</option>         
    <option value="Inspur">Inspur</option> </select>
  <input type="submit" value="提交">
  <input type="button" id="delete" value="取消">
</form>

 

前端jquery 获取select多选的值

原文:https://www.cnblogs.com/We612/p/10393055.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!