前端jquery 获取select多选的值

当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>
原文地址:https://www.cnblogs.com/We612/p/10393055.html