Javascript 如何从下拉列表中选择具有选择选项标记的元素？

我正在使用WEBDRIVERIO框架。我有这个html语法的下拉列表。我试着用ID=question-3来展开它

之后，我尝试了所有的选项，使用“按选项、值、文本选择”。但由于它显然不是选择下拉列表，所以没有一个是有效的。我试图根据输入或标签选项单击定位器，但收到“element not visible”错误消息

<div id="question-3" class="question ">
    <div class="single-dropdown">
        <input type="text" name="input-3" class="js-single-selection" placeholder="gender" data-question-id="3" data-index="3" readonly="" style="width: 77px;">
        <div class="single-select-container" style="display: none;">
    <div class="single-select-item" data-image="">
        <label for="option-0-3" data-open="exampleModal1" class="option-0-3-modal">man</label>
        <input type="checkbox" id="option-0-3" data-answer-type="single" data-question-id="3" value="man" data-index="3">
    </div>

    <div class="single-select-item checked" data-image="">
        <label for="option-1-3" data-open="exampleModal1" class="option-1-3-modal">woman</label>
        <input type="checkbox" id="option-1-3" data-answer-type="single" data-question-id="3" value="woman" data-index="3">
    </div>  
</div>
    </div>
.</div>

男人
女人
.

我建议单击选择项（本例中的输入），然后执行等待（请参阅文档：）。然后在等待下拉项在屏幕上显示后单击该下拉项。就像这样

browser.click(selectItem);
browser.waitForVisible(dropdownItem);
browser.click(dropdownItem);

---

因为html显示一个输入标记。我建议：

 1. type the value in that input box (placeholder="gender")
 2. wait for options to appear (Label tag)
 3. click the appeared item.(Appeared label)

---

另外，如果您的方案失败，请提供失败的堆栈跟踪。

在选择任何一个选项之前，您需要单击某个选项以使选项显示出来。@Vine您的绑定语言是什么？请提供您迄今为止使用过的代码，这些代码已被使用failed@IshitaShah这是JavaScriptThank@Taran。我失败的代码与上面的代码完全相同，我也尝试了browser.pause，而不是WaitForVisible。但都不管用。“它仍在抱怨”元素不可见。@Vine这些是您需要在问题中列出您尝试过的内容。它可以节省人们建议您已经尝试过的内容的时间，您是否也尝试过等待元素可单击？在元素启用之前等待？@Vine请链接您实现的失败的全部代码，以及您在问题中尝试的所有内容。肯定会包括我下次发帖时试过的项目列表。我道歉。