选中的多个选择选项将使用javascript或jquery在另一个html元素中查看

我在html上有一个多选选项，如下所示：

 <div class="control-group">
    <label class="control-label" for="selectError1">Ditujukan untuk :</label>
     <div class="controls">
          <select id="email" multiple data-rel="chosen" class="input-xlarge" name="email[]">
              <?php
                  foreach ($atasan as $data) {
                      echo "<option value='" . $data['email'] . "'>" . $data['email'] . "</option>";
                  }
            ?>

           </select>
       </div>
</div>

编辑 我想知道如何提高我的能力，如果我想把它附加到像

<input type="text" id="emailSend" name="emailSend">

因此，jquery如下所示：

$("#email").change(function() {
        var elements = $("#email option:selected").length;

        $(".emailSend").html("");
        $.each($("#email option:selected"), function(index, element) {
            $(".emailSend").val($(this).html());
            if (index < elements - 1) {
                $(".emailSend").append(", ");
            }
        });
    });

您可以做的是：

$("#email").change(function() {
    var elements = $("#email option:selected").length;
    $("#emailSend").html("");
    $.each($("#email option:selected"), function(index, element){            
        $("#emailSend").append($(this).html());
        if (index < elements-1) {
           $("#emailSend").append(", ");
        }
    });
});

emailSend是包含所有电子邮件的区块。请注意，此解决方案允许您处理多个值

---

编辑：语法：

删除了我的答案，因为这是一个好答案：尽管我可能使用.val而不是.html。。。但那只是我是的，你完全正确，我没有注意到OP对期权价值和期权标签使用了相同的数据：我已经试过了。谢谢，但结果是：email1email2email3。如何像email1、email2、email3那样将它们分开。再次感谢。我确实编辑了我以前的帖子：我只是指定了一个逗号和一个空格必须添加到最终内容中，正如您在这段小代码中看到的，每次更改select的值时，我们的电子邮件列表的内容都会被清空，并用每个值来实现。也就是说，如果用户确实从其选择中删除了一个选项，那么这不应该是一个问题：

$("#email").change(function() {
    var elements = $("#email option:selected").length;
    $("#emailSend").html("");
    $.each($("#email option:selected"), function(index, element){            
        $("#emailSend").append($(this).html());
        if (index < elements-1) {
           $("#emailSend").append(", ");
        }
    });
});