Question

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

到目前为止，我还没有在网上找到任何信息来帮助弄清楚如何完成这项任务。任何人都可以提供解决方案吗？

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

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

仅当用户在AutoComplete字段中输入值时才会起作用（在后台启动某些内容以创建类.ac_results）。然后，用户删除键入的值，然后单击下拉箭头。该列表暂时显示然后消失。但是，如果再次单击该按钮，则值列表会随按钮单击而显示和消失。

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

感谢。

Answer 1

请改用Select2插件。它具有您正在寻找的所有功能，可以为您节省大量时间，使所有CSS正确无误。演示：https://apex.oracle.com/pls/apex/f?p=64237:20:0：

在Oracle APEX中使用AutoComplete将下拉列表添加到文本字段

1 个答案: