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/