位于下拉列表中的元素，但无法单击它

Question

我想点击一个下拉列表，展开时有四个选项。使用我的代码，我可以单击并展开此下拉列表，但无法单击选项（值='100'）。

这是我想在展开下拉列表之前点击的元素的HTML代码：

这是展开下拉列表后我想点击的元素的HTML代码：

以下是我的代码：

//@FunctionName : Display100ResultsPerPage
//@Description  : A function that chooses to display 100 results per page instead of 10
//@Parameters   : PageObj: page that displays items
//@Returns      : None
//@Version      : v1.0
function Display100ResultsPerPage ( PageObj )
{
    var localPageObj = PageObj;
    var display100ItemsPerPageOptionCssSelector = "div[class='per-page-section'] select option[value='100']";
    var displayNItemsPerPageDropdownListCssSelector = "div[class='per-page-section'] select";

    localPageObj.QuerySelector(displayNItemsPerPageDropdownListCssSelector).Click();
    aqUtils.Delay(500);
    localPageObj.QuerySelector(display100ItemsPerPageOptionCssSelector).Click();
}

我的代码设法：

• 点击并展开下拉列表，但无法点击（100）选项。

如果我在代码中添加一行：

Log.Message(localPageObj.QuerySelector(display100ItemsPerPageOptionCssSelector).getAttribute('value'));

我收到一条说“100”的日志消息，这意味着我的代码可以成功找到这个（100）选项，但为什么我不能点击它呢？

非常感谢

我尝试了以下方法：

localPageObj.contentDocument.Script.jQuery("div[class='per-page-section'] select").find("option").css("z-index","999", "position", "relative");

选项元素已更改为：

通过索引，我尝试点击最后一个option (value = '100')，但仍无效。

Answer 1

通过右键单击元素来检查元素，如果检查器将您带到另一个元素，我认为您需要为下拉列表指定一个“z-index”并记住z-index仅在您指定相对位置或绝对。应该解决这个问题，我相信。