2017-07-04 85 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

以及从哪里导入 –

相关问题