Question

我想就如何为jQuery Autocomplete Combox设置事件处理程序提出一些建议：http://jqueryui.com/demos/autocomplete/#combobox。

jQuery doc中的代码示例如下：

// Supply a callback function to handle the select event as an init option.
$( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});
// Bind to the select event by type: autocompleteselect.
$( ".selector" ).bind( "autocompleteselect", function(event, ui) {
  ...
});

我试过这个 - 如下所示 - 但它不起作用。我从这个封闭的错误报告（dev.jqueryui.com/ticket/5891）中了解到，我“实例化一个组合框，然后尝试使用自动完成设置选项”，但我不明白如何解决它。

// Have: <select id="comboInput" name="comboInput"> ....
$(document).ready(function() {
   $("#comboInput").combobox();
   $("#comboInput").autocomplete({
      select: function(event, ui) {
         alert("Value selected.");
      }
   });
});

任何人都可以告诉我如何使这项工作？谢谢你的帮助！

Answer 1

简而言之，这就是为“selected”事件创建一个带有事件处理程序的组合框所需要的（应该是“select”，但是combobox只是一个原型）：

<script language="javascript" type="text/javascript">
   $(document).ready(function() {
      // For some SELECT with ID combobox
      $("#combobox").combobox({
         selected: function(event, ui) {
            // Event handling code goes here.
         } // selected
      }); // combo
   }); // ready
</script>

有关详细信息和讨论，请参阅我的博文：Event Handling with the jQuery Autocomplete Combobox。

将事件处理程序挂钩到jQuery Autocomplete Combobox

1 个答案: