提醒選定的jQuery下拉列表中的文本

Question

我正在使用jquery selected ，其特定組件為select 。

我想聽聽是否在選定的文本欄中鍵入了某些內容，並提醒在其中鍵入的內容。

為了實現這一點，我有：

HTML：

<select id="searchZip" name="types[]" multiple class="searchZip chosen-select-no-results" tabindex="12">
</select>

JS：

<script type="text/javascript">
    var config = {
        '.chosen-select': {},
        '.chosen-select-deselect': {
            allow_single_deselect: true
        },
        '.chosen-select-no-single': {
            disable_search_threshold: 10
        },
        '.chosen-select-no-results': {
            no_results_text: 'Oops, nothing found!'
        },
        '.chosen-select-width': {
            width: "95%"
        }
    }
    for (var selector in config) {
        $(selector).chosen(config[selector]);
    }
</script>

如果要在搜索框中鍵入內容，我想致電alert（） 。 我怎樣才能做到這一點？

$("#searchZip").chosen().change( alert("a"); );

當我這樣做時，我總是會收到此錯誤：

參數列表后未捕獲到的SyntaxError：缺少）

如何使用在所選輸入中鍵入的輸入來調用警報？

Answer 1

在警報框中，終止語句時不應使用任何分號。

只需寫.change(alert("a"));

Answer 2

您需要從此更改以下行：

$("#searchZip").chosen().change( alert("a"); );

對此：

$("#searchZip").chosen().change( alert("a") );

當JavaScript看到; ，它假設這是行的結尾。 既然你; 是之前內部.change() ，JavaScript的沒有看到關閉)為.change()所以它producedthe以下錯誤，指出它missing ) after argument list

Uncaught SyntaxError: missing ) after argument list

Answer 3

傳遞給函數.change（）的那一行應該是一個函數。 alert("a")是一個函數調用（語句）。 該調用可以移到lambda（匿名）函數中：

$("#searchZip").chosen().change( function() {alert("a"); });

或者可以使用命名函數：

function alertA() {
    alert("a");
}
$("#searchZip").chosen().change( alertA );

有關更多信息，請參閱有關將函數用作回調的MDN文檔 。

就傳遞給.change（）的參數而言，“ 文檔 ”有點缺乏，但是change調用了.trigger（），因此參數為：

• 事件 ： 事件

  包含有關事件的信息

• extraParam ： 對象

  包含有關所選選項的信息

extraParam可用於獲取所選選項的文本：

function alertA(event, result) {
    alert(result.selected);
}

請參閱下面的演示。

 $('.chosen-select-no-results').chosen({ no_results_text: 'Oops, nothing found!' }); function alertA(event, result) { alert(result.selected); } $("#searchZip").chosen().change(alertA); 

 <link href="https://harvesthq.github.io/chosen/chosen.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script src="https://harvesthq.github.io/chosen/chosen.jquery.js"></script> <select id="searchZip" name="types[]" multiple class="searchZip chosen-select-no-results" tabindex="12"> <option>Cat</option> <option>Dog</option> <option>Zebra</option> </select>