javascript - 在 Oracle APEX 中使用自动完成功能将下拉列表添加到文本字段

标签 javascript drop-down-menu autocomplete textfield oracle-apex

目前,我的页面中添加了一个带有自动完成项的文本字段。我需要在该项目的右侧添加一个下拉箭头按钮。用户应该能够使用 AutoComplete 的功能,但也能够单击下拉箭头以激活从 AutoComplete 项目中出现的列表。例如,如果 AutoComplete 项为空并且用户单击下拉箭头,则应显示所有可能值的列表。但是,如果用户实际在自动完成字段中键入内容,则值列表将专门显示在自动完成字段中键入的内容。

到目前为止,我还没有在网上找到任何信息来帮助弄清楚如何完成这项任务。谁能提供解决方案?

目前我有这个功能部分工作...我添加了下拉箭头作为按钮。单击此按钮时,它会激活执行 JavaScript 的动态操作。我的 JavaScript 是:

if ($(".ac_results").css("display") == "none"){
  $(".ac_results").css("display","block");
}
else{
  $(".ac_results").css("display","none");
}

这仅在用户在自动完成字段中输入值时有效(这会在后台启动一些东西以创建类 .ac_results)。然后,用户删除键入的值,然后单击下拉箭头。该列表出现一瞬间然后消失了。但是,如果再次单击该按钮,则值列表会随着按钮的单击而出现和消失。

任何建议或解决方案都会很棒。

谢谢。

最佳答案

改用 Select2 插件。它具有您正在寻找的所有功能,并且会为您节省大量时间来正确设置所有 CSS。它的演示:https://apex.oracle.com/pls/apex/f?p=64237:20:0 :

关于javascript - 在 Oracle APEX 中使用自动完成功能将下拉列表添加到文本字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43682819/

相关文章:

HTML/CSS 菜单栏在调整窗口大小时忽略它的形状

javascript - 如何根据 JSON 数组长度映射下拉菜单

c++ - 自动完成参数:列出静态字段,无需输入 ClassName::

javascript - NetBeans 中的纯 JavaScript 项目?

javascript - knockoutjs html 绑定(bind)不起作用

javascript - Sequelize 多对多 : recognise lower camelCase alias and instead try upper CamelCase?

Cocoa:阻止字段编辑器按空格键自动完成

javascript - Angular非幂等方法问题

javascript - 使用 Javascript 根据在另一个下拉列表中选择的内容设置下拉值

javascript - 如何阻止 JQuery UI 自动完成清除以前的条目?