Javascript combobox onchange事件不存在'；t火

嗨，我使用这段代码来创建一个组合框。问题是我不能使用onchange事件。我试图完成函数$（“.prodottoutoComplete”）.combobox（）；插入更改事件，但我没有获得任何信息，事件也没有启动。 谢谢

（函数（$）{
$.widget（“custom.combobox”{
_创建：函数（）{
this.wrapper=$（“”）
.addClass（“自定义组合框”）
.insertAfter（此元素）；
this.element.hide（）；
这是。_createAutocomplete（）；
这是。_createShowAllButton（）；
},
_createAutocomplete:function（）{
var selected=this.element.children（“：selected”），
value=selected.val（）？selected.text（）：“”；
this.input=$（“”）
.appendTo（this.wrapper）
.val（值）
.attr（“标题”、“名称”）
.addClass（“自定义组合框输入ui小部件ui小部件内容ui状态默认ui左角”）
.自动完成({
延迟：0，
最小长度：0，
来源：$.proxy（此“\u来源”）
})
.工具提示({
tooltipClass：“ui状态突出显示”
});
此。_on（this.input{
自动完成选择：功能（事件、用户界面）{
ui.item.option.selected=true；
此._触发器（“选择”，事件{
项目：ui.item.option
});
},
AutoCompleteTechange:“\u RemoveFinValid”
});
},
_createShowAllButton:函数（）{
var input=this.input，
wasOpen=false；
$（“
建议您创建一个沙盒演示，并解释您正在谈论的元素。对不起。我想在这里设置更改事件更改哪个元素？原始选择？请在问题中提供问题的完整描述
<script>
(function( $ ) {
$.widget( "custom.combobox", {
_create: function() {
this.wrapper = $( "<span>" )
  .addClass( "custom-combobox" )
  .insertAfter( this.element );

   this.element.hide();
   this._createAutocomplete();
   this._createShowAllButton();
},
_createAutocomplete: function() {
var selected = this.element.children( ":selected" ),
  value = selected.val() ? selected.text() : "";
this.input = $( "<input>" )
  .appendTo( this.wrapper )
  .val( value )
  .attr( "title", "" )
  .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left" )
  .autocomplete({
    delay: 0,
    minLength: 0,
    source: $.proxy( this, "_source" )
  })
  .tooltip({
    tooltipClass: "ui-state-highlight"
  });
this._on( this.input, {
  autocompleteselect: function( event, ui ) {
    ui.item.option.selected = true;
    this._trigger( "select", event, {
      item: ui.item.option
    });
  },
  autocompletechange: "_removeIfInvalid"
  });
},
_createShowAllButton: function() {
var input = this.input,
  wasOpen = false;
$( "<a>" )
  .attr( "tabIndex", -1 )
  .attr( "title", "Show All Items" )
  .tooltip()
  .appendTo( this.wrapper )
  .button({
    icons: {
      primary: "ui-icon-triangle-1-s"
    },
    text: false
  })
  .removeClass( "ui-corner-all" )
  .addClass( "custom-combobox-toggle ui-corner-right" )
  .mousedown(function() {
    wasOpen = input.autocomplete( "widget" ).is( ":visible" );
  })
  .click(function() {
    input.focus();
    // Close if already visible
    if ( wasOpen ) {
      return;
    }
    // Pass empty string as value to search for, displaying all results
    input.autocomplete( "search", "" );
  });
},
_source: function( request, response ) {
var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
response( this.element.children( "option" ).map(function() {
  var text = $( this ).text();
  if ( this.value && ( !request.term || matcher.test(text) ) )
    return {
      label: text,
      value: text,
      option: this
    };
 }) );
},
_removeIfInvalid: function( event, ui ) {
// Selected an item, nothing to do
if ( ui.item ) {
  return;
}
// Search for a match (case-insensitive)
var value = this.input.val(),
  valueLowerCase = value.toLowerCase(),
  valid = false;
this.element.children( "option" ).each(function() {
  if ( $( this ).text().toLowerCase() === valueLowerCase ) {
    this.selected = valid = true;
    return false;
  }
});
// Found a match, nothing to do
if ( valid ) {
  return;
}
// Remove invalid value
this.input
  .val( "" )
  .attr( "title", value + " didn't match any item" )
  .tooltip( "open" );
this.element.val( "" );
this._delay(function() {
  this.input.tooltip( "close" ).attr( "title", "" );
}, 2500 );
this.input.autocomplete( "instance" ).term = "";
},
_destroy: function() {
  this.wrapper.remove();
  this.element.show();
}
});
})( jQuery );
$(function() {
    $( ".prodottoAutocomplete" ).combobox();
    $( "#toggle" ).click(function() {
       $( ".prodottoAutocomplete" ).toggle();
    });
});
</script>