獲取多選下拉列表中的所有值點擊按鈕

Question

我正在使用下面的代碼行來獲取下拉ID分配的所有值。

$("#assigne option:selected").each(function() { 
 
    var $this = $(this); 
 
    if ($this.length) { 
 
    var selText = $this.text(); 
 
    console.log(selText); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row form-inline" style="padding-left:10px"> 
 
    <div class="col-md-3"> 
 
    <div class="form-group is-filled"> 
 
     <h5>Assigned </h5> 
 
     <select id="assigne" multiple="multiple" style="width:200px;"> 
 
             <option value="gnanadeep.bitra">Gnanadeep</option> 
 
             <option value="nimish.vaibhav">Nimish</option> 
 
             <option value="srividya.dommeti">Srividya</option> 
 
             <option value="shrutika.agrawal">Shrutika</option> 
 
             <option value="srinilaya.pemmaraju">Nilaya</option> 
 
             <option value="nishath">Nishath</option> 
 
             <option value="ravikiran.kothamasu">Ravi Kiran</option> 
 
             <option value="swami.sukumaran">Swami</option> 
 
             </select> 
 
    </div> 
 
    </div> 
 
</div>

但我得到一個錯誤：

Uncaught TypeError: Cannot read property 'each' of null

Answer 1

這是您的修改後的代碼：

$("#submit").on('click', function() { 
 
    var foo = []; 
 
    $('#assigne :selected').each(function(i, selected) { 
 
    foo[i] = $(selected).text(); 
 
    }); 
 
    console.log(foo); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="row form-inline" style="padding-left:10px"> 
 
    <div class="col-md-3"> 
 
    <div class="form-group is-filled"> 
 
     <h5>Assigned </h5> 
 
     <select id="assigne" multiple="multiple" style="width:200px;"> 
 
     <option value="gnanadeep.bitra">Gnanadeep</option> 
 
     <option value="nimish.vaibhav">Nimish</option> 
 
     <option value="srividya.dommeti">Srividya</option> 
 
     <option value="shrutika.agrawal">Shrutika</option> 
 
     <option value="srinilaya.pemmaraju">Nilaya</option> 
 
     <option value="nishath">Nishath</option> 
 
     <option value="ravikiran.kothamasu">Ravi Kiran</option> 
 
     <option value="swami.sukumaran">Swami</option> 
 
     </select> 
 
    </div> 
 
    </div> 
 
</div> 
 
<button id="submit">Save</button>

參考：jQuery Tip – Getting Select List Values