Question

我们的网站上有bootstrap模式，我们正在尝试实现自动完成

它不仅仅适用于模态。

这是代码

$( "#emp_id" ).autocomplete({
              source: "/search/autocomplete?employeeName=1",
              minLength: 1,
              select: function(event, ui) {
                $('#emp_id').val(ui.item.value);
              }
            });

<input type="text" name="leadid" id="emp_id"  value=""/>

我试过跟随css

ul .ui-autocomplete {
    z-index: 1500 !important;
}

没有成功

Answer 1

你可以试试这个：

$( "#emp_id" ).autocomplete({
          source: "/search/autocomplete?employeeName=1"

        });

还要确保使用必要的插件。参考：https://jqueryui.com/autocomplete/

Answer 2

如果您在页面加载时调用自动填充功能，它将无法使用模态，因为您的自动填充文本框将被隐藏。

尝试在显示模态后调用自动完成功能。它应该工作。

jsfiddle链接有助于调试您的确切问题。

自动完成无法使用Bootstrap Modal

2 个答案: