javascript - 选定的多个选择选项将使用 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 是包含所有电子邮件的 block 。请注意，此解决方案允许您处理多个值。

编辑:语法:(