是否可以 launch/open Bootstrap 模式与 jQuery UI 自动完成 Select 事件或自定义事件？

Question

我的自动完成字段有 PHP/MySQL AJAX 来源。根据 jQuery autocomplete remote source docs

，效果很好

远程源文档允许数据数组，因此我可以为下拉列表结果传递标签 var，并且我在数组中有 ID。 (here is an example of a similar setup)

确信服务器端数据良好，我想从选项列表中打开 select 上的模式。 Select 事件需要传递一个 ID 来加载模态中的数据。这可能吗？

我的模式是用 class select 或点击功能打开的。它引用了一个数据 ID。

<a name="views" class="leadview"  data-task-id="179">Task 179 - user 1458</a>

所以我假设触发模式必须发生在 Select 或 Focus 事件？

$( " Some Selector? " ).on( "autocompleteselect", function( event, ui ) {} );

我真的无法将自动完成连接到带有 ID 的模式，这是我第一次使用自动完成。

Answer 1

我假设你想在用户 select 自动完成中列出的选项时显示 bootstrap 模态 ... 如果是这样，那么使用：

$( ".selector" ).autocomplete({
  select: function( event, ui ) {
         var taskid = $(this).data("task-id");
          $('#myModal').modal('show');   
          $('#myModal .header').html(taskid);
 }
});