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/

缺少#selector：

$('.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/

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

3 个答案: