javascript - Jquery 插件绑定(bind)更改事件

Question

我刚刚创建了一个selectbox插件。它非常简单，我正在尝试修改它。

实际上它所做的是隐藏 select 并在 select 之后添加一些 ul,li。

说我有这些选项可用

<select id="test">
<option>1</option>
<option>2</option>
</select>

现在我可以做

$("#test").selectBox(); //to make it my selectBox

我有 setter 和 getter 选项

$("#test").selectBox("changeValue",["changed option",index]);

在我的插件上，我正在使用方法 ..

var methods = {

init :function(options){},

changeValue:function(value){

//some code to change the value ...

}

};

我可以改变这个值，但是我怎样才能捕捉到 change 事件呢？

change 表示 select 或 ul,li

中的更改

我真正需要的是

$("#test").selectBox(); //initialise

$("#test").change(function(){ //attach change event

//my codes.....

});

或

$("#test").selectBox({
onChange : function(){

console.log("changed....");

}


});

希望现在问题已经清楚了。 谢谢。

编辑:这是 FIDDLE 链接 http://jsfiddle.net/jitheshkt/rBjqq/3/ 请注意，我不是这方面的专家，只是想做到这一点。

*编辑:我在每个函数中编写了事件，所以我认为这将是问题所在。我改变了它并且运行良好 *

Answer 1

试试这个...

$("#test").on('change',function(){ 
    // Write  your code here.
});

对于旧版本的 jQuery 使用这个

$("#test").change(function() {
    console.log('HI');
});

这应该可以正常工作。