2017-07-04 83 views
0

我在UI上使用了一個<select>元素上的JQuery選擇函數,該元素通過ajax調用從數據庫填充<option>值。

<select id="assetClass" data-placeholder="Choose an Asset Class..." 
    class="chosen-select" multiple style="width: 200px;" tabindex="1"> 
<option value=""></option> 

我寫這封信,這將的console.log警報哪個元素被選中或者從<select>

$(".chosen-select").chosen().on("change", function(event, params) { 

    if (params.selected) { 
    // $("#status").text('The option: ' + params.selected + ' was selected.'); 
    console.log(params.selected); 

    } 
    if (params.deselected) { 
    // $("#status").text('The option: ' + params.deselected + ' was deselected.'); 
     console.log(params.deselected); 
    }}); 

但取消一個js文件jQuery代碼問題是當我加載頁面,我得到下面的錯誤

Uncaught TypeError:$(...)。selected(...)。on不是函數

其他stackoverflow答案建議添加(jQuery);最後如下。

;(function($){ 
    // your code 
})(jQuery); 

但仍存在問題。

+0

使用$ .noconfilct();函數 –

+0

.chosen不是jQuery方法,它似乎是一個插件,你有沒有加載插件? – Esko

+1

@Esko如果他沒有加載插件,它會說「選擇」不是一個函數,但它表示「on」不是函數。所以問題出在什麼'select()'返回。 – Barmar

回答

0

我有同樣的問題,我不得不添加import "chosen-js"使其工作。

+0

以及從哪裏導入 –

相關問題