1. 程式人生 > >前端jquery 獲取select多選的值

前端jquery 獲取select多選的值

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多選的值