DualListBox从第二个框中获取值

Question

我正在学习Javascript，我有两个listBox。我从第一个盒子中选择食品添加剂并将其保存在第二个盒子中。现在我想从第二个方框

中选择所有食品添加剂

这是我的第一个listBox代码

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

这是第二个listBox（我需要从这个框中获取信息）

<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);

但问题是我只得到一个结果"Mano"。我使用jQuery从第一个盒子里移动食品添加剂。那么为什么我只得到一个结果？

Answer 1

试，

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