jQuery：多选单击事件不响应单击

Question

我有一个多选框，其中包含图像网址列表。 我试图在多选框上启用click事件：当用户点击url时，它应该将url传递给id为“articleFullText”的textarea。 下面是我的jquery代码，但它不起作用，并且不会在JS控制台上导致任何错误：

$('.multiselect').click(function() {
                    var src = $(this).val();
                    $('#articleFullText').val($('articleFullText').val() + src);
                });

我的选择框html：

<div class="controls">
                            <select name="images" class="multiselect" multiple="multiple">

                             <option value="http://localhost/images/1.jpg">http://localhost/images/1.jpg</option>
<option value="http://localhost/images/2.jpg">http://localhost/images/2.jpg</option>

                            </select>
                        </div>

textarea代码：

<textarea class="form-control" rows="3" name="articleFullText" id="articleFullText></textarea>

Answer 1

两个错误： http ： //jsfiddle.net/TrueBlueAussie/dGa97/1/

一个缺少的＃选择器：

$('.multiselect').click(function () {
    var src = $(this).val() +"blah";
    $('#articleFullText').val($('#articleFullText').val() + src);
});

并且在id="articleFullText"上缺少关闭引号：

<textarea class="form-control" rows="3" name="articleFullText" id="articleFullText"></textarea>

Answer 2

你错过了选择器上的＃：

$('#articleFullText').val($('articleFullText').val() + src);

改成：

$('#articleFullText').val($('#articleFullText').val() + src);

并且textarea中的Id没有关闭""将其更改为：

<textarea class="form-control" rows="3" name="articleFullText" id="articleFullText"></textarea>

DEMO

Answer 3

您没有使用正确的事件（更改）。

$('.multiselect').on('change', function() {
  $('#articleFullText').append($(this).val())
});

这是一个工作小提琴： http ： //jsfiddle.net/9Ya27/1/