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

Question

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

我的目标是，当用户选择一个或任何选项时，所选的选项将在另一个HTML元素（例如<p id='emailSend'>This is the email : email1, email2... so on</p 。

我是jquery的新手。 我猜“改变”或改变都可以做到。

这是jquery的代码：

$(document).ready(function() {
    $('#emailSend').hide();

    $('email').change(function(){
        //any idea ???
    });

}

编辑我想增加自己的能力，如果我想将其附加在输入文本上，该怎么办

<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(", ");
            }
        });
    });

Answer 1

您可以做的是：

$("#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成为您包含所有电子邮件的阻止。 请注意，此解决方案允许您处理多个值。

编辑：语法:(