我可以覆盖jQueryUI自动完成功能中的选择选项吗

Question

Fiddle Example

I have an autocomplete code in my main js file. Here's an example:

var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp"
    ];
$("#tags").autocomplete({
    source: availableTags,
    select: function(event, ui) {
      return false; 
    }
});

And I have a separate js file that will only be served up on a specific page. In that file, I want to overwrite the select option in the $("#tags") instance, here's an example in that seperate js file:

$.widget( "ui.autocomplete", $.ui.autocomplete, {
   select: function (event, ui) {
     $(this).val(ui.item.label);  // to automatically populate the input box with the selected option  
  }
});

Is it possible to overwrite the select option like that in jQuery?

Answer 1

Use the option method. All jQuery widgets have an option method that allows you to change options. And all jQuery widget methods are called like $().widgetname("method",arg1,arg2,...)

http://jsfiddle.net/b9awbcuf/

$("#tags").autocomplete("option", "select", function (event, ui) {
    alert('changed');
    $(this).val(ui.item.label);
});

This is a very useful read: http://learn.jquery.com/jquery-ui/how-jquery-ui-works/