DualListBox從第二個框中獲取值

Question

我在學習Javascript，並且我有兩個列表框。我從第一個箱子中選擇食品添加劑並將其保存在第二個箱子中。現在，我想從第二個盒子

選擇所有食品添加劑這是我的第一個列表框代碼

<div class="col-xs-5"> 
       <b>Choose food additives</b> 
       <select name="from" id="multi_d" class="form-control" size="8" multiple="multiple"> 
        <?php include "connection.php"; 
         $query = "SELECT food_additives FROM foodadditivestable"; 
         $res = mysqli_query($dbc, $query); 
         $i=1; 
         while($row = mysqli_fetch_array($res)){ 
          $value = $row['food_additives']; 
          echo "<option value=DeicidS>" . $value . "</option>"; 
          $i++; 
         } 
        ?> 
       </select> 
      </div> 

和這裏的第二個列表框（我需要從這個盒子資訊）

<div class="col-xs-5"> 
       <b>Choosen food additives</b> 
       <select name="to" id="multi_d_to" class="form-control" size="8" multiple="multiple"> 
       <option value="labas">Mano</option>; 
       </select> 
      </div> 

這裏我試圖做的事：

var selectedOpts = $('#multi_d_to').text(); 
    alert(selectedOpts); 

但問題是我只得到一個結果t "Mano"。我使用jQuery從第一個箱子移動食品添加劑。那麼爲什麼我只能得到一個結果呢？

Answer 1

嘗試，

$('#multi_d_to option').each(function() { 
    var txt = $(this).html(); 
    console.log(txt); 
});