下拉列表呈现在模态页面上答案

【问题标题】：Drop down list renders over modal page下拉列表呈现在模态页面上
【发布时间】：2017-12-13 14:43:23
【问题描述】：

我正在 Apex 5 中制作 HTML 应用程序

我有一个下拉列表，不打算由用户直接选择。当用户点击它时（实际上是当项目获得焦点时），它会打开一个模式页面以显示要选择的项目列表。

（我这样做是因为下拉列表无法显示任意 HTML 元素）。

在焦点事件中，javascript 触发和

模糊选择列表（使其失去焦点）
打开一个模式页面，显示要选择的项目。模态页面会自动选择项目。

问题是当用户点击列表时，他的下拉列表会显示出来，并呈现在模态页面上。

我在这张图片上展示了问题和预期的结果： https://i.imgur.com/EWZCgAk.png

为了避免下拉列表在模态页面上呈现，我尝试了

要禁用下拉列表，但同时也会禁用他的焦点和可点击性。
将他的“Size”属性设置为 1 和 0。它不会阻碍要呈现的下拉列表。

【问题讨论】：

您需要展示一些代码以便我们提供帮助
@hjm 我添加了代码。不确定它是否有帮助，因为是 APEX

标签： javascript html oracle-apex-5.1

【解决方案1】：

尝试为模态提供比下拉列表更大的 z-index。

https://www.w3schools.com/cssref/pr_pos_z-index.asp

【讨论】：

【解决方案2】：

我找到了解决方法。我禁用选择列表，然后打开模态页面，然后等待 500 毫秒，然后启用选择列表

var p1_SelectList=document.getElementById("P1_My_Select_List");

p1_SelectList.disabled = "disabled";

//Open modal page

setTimeout(function(){
    p1_SelectList.disabled = "";
}, 500);

【讨论】：