前端jquery 獲取select多選的值
阿新 • • 發佈:2019-02-18
for NPU text () pan tro sele submit jquery
當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多選的值