【问题标题】:Add Dropdown to a Text Field with AutoComplete in Oracle APEX在 Oracle APEX 中使用自动完成向文本字段添加下拉菜单
【发布时间】:2017-04-28 14:38:01
【问题描述】:

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

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

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

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

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

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

谢谢。

【问题讨论】:

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


    【解决方案1】:

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

    【讨论】:

    • 我尝试使用 Select2 插件,但它并没有完全按照演示的方式工作。也许我需要为此付费才能得到我需要的东西?插件的演示正是我想要的。
    • 如果应用程序不是那么定制,我觉得使用 Select2 插件的建议会很有效。我将不得不继续弄清楚如何让它发挥作用。如果其他人有更好的建议,我很乐意阅读并了解它。
    • Martin,你能分享一些select2 插件的文档吗?可以在哪里整理出如何使select2 输入看起来像标准顶点选择输入的样子?
    猜你喜欢
    • 1970-01-01
    • 2011-05-30
    • 1970-01-01
    • 2011-03-17
    • 2020-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多