前端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