Selenium WebDriver(2.0)-多选[复选框]下拉菜单-

本文关键字：多选 下拉菜单 复选框 WebDriver Selenium | 更新日期: 2023-09-27 17:58:21

这是下拉列表图片的链接：https://i.stack.imgur.com/tQs4Z.png

我对此已经研究了一段时间，但一直无法找到合适的解决方案。下拉列表中有一个可以选中的复选框列表。可以进行多种选择。下面是下拉列表的HTML，其中包括一个"必填字段"星号和下拉列表的标题。很抱歉，格式太奇怪了。

我相信如果它是Select元素会更容易，但由于它是Input，我想了解处理这些元素的最佳方式。我应该提到的是，我正在使用适用于MS Visual Studio 2010 C#的WebDriver。

此外，我发现这个虽然相关，但似乎不适用于下拉复选框。

<tr>
    <td align="right" valign="top" style="background-color:White;">
        <span id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_lblRequired" class="RequiredIndicator">*</span>
    </td>
    <td valign="top" style="background-color:White;">2</td>
    <td valign="top" style="background-color:White;">Question 2 Cities?</td>
    <td align="left" valign="top" style="border-color:White;border-width:1px;border-style:Solid;">
        <input type="hidden" name="ctl03$ctl00$ctl00$Tabbed_ContentPlaceHolder$ContentPlaceHolder1$ContentPlaceHolder1$ctl00$ctl00$gvQuestions$ctl03$hdnQId" id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_hdnQId" value="2">
        <input type="hidden" name="ctl03$ctl00$ctl00$Tabbed_ContentPlaceHolder$ContentPlaceHolder1$ContentPlaceHolder1$ctl00$ctl00$gvQuestions$ctl03$hdnVId" id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_hdnVId" value="3">
        <input type="hidden" name="ctl03$ctl00$ctl00$Tabbed_ContentPlaceHolder$ContentPlaceHolder1$ContentPlaceHolder1$ctl00$ctl00$gvQuestions$ctl03$hdnAId" id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_hdnAId" value="3">
        <div id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2" class="RadComboBox RadComboBox_Classic" style="width:150px;white-space:normal;">
            <table summary="combobox" border="0" style="border-width: 0px; border-collapse: collapse; width: 150px;">
                <tbody>
                    <tr>
                        <td class="rcbInputCell rcbInputCellLeft" style="width:100%;">
                            <input name="ctl03$ctl00$ctl00$Tabbed_ContentPlaceHolder$ContentPlaceHolder1$ContentPlaceHolder1$ctl00$ctl00$gvQuestions$ctl03$cblListItems2" type="text" class="rcbInput radPreventDecorate" id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2_Input" value="" autocomplete="off">
                        </td>
                        <td class="rcbArrowCell rcbArrowCellRight">
                            <a id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2_Arrow" style="overflow: hidden;display: block;position: relative;outline: none;">select</a>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="rcbSlide" style="z-index:6000;">
                <div id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2_DropDown" class="RadComboBoxDropDown RadComboBoxDropDown_Classic " style="display:none;">
                    <div class="rcbScroll rcbWidth" style="width:100%;">
                        <ul class="rcbList" style="list-style:none;margin:0;padding:0;zoom:1;">
                            <li class="rcbItem"><label><input type="checkbox" class="rcbCheckBox">Denver</label></li>
                            <li class="rcbItem"><label><input type="checkbox" class="rcbCheckBox">Los Angeles</label></li>
                            <li class="rcbItem"><label><input type="checkbox" class="rcbCheckBox">New York City</label></li>
                        </ul>
                    </div>
                </div>
            </div>
            <input id="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2_ClientState" 
    name="ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2_ClientState" 
    type="hidden" autocomplete="off" value={"logEntries":[],"value":"292","text":"","enabled":true,"checkedIndices":[],"checkedItemsTextOverflows":false}>
        </div>
    </td>
</tr>

Selenium WebDriver(2.0)-多选[复选框]下拉菜单-

这是一个动态html。虽然看起来像是下降，但事实并非如此。这只是复选框的列表。

如果你想根据城市勾选复选框，请按照操作

1) select all elements by class name "rcbItem" which is LI
2) now Iterate each element, and Read "Text" property
3) if the Text property is equals to your target city (which needs to be selected)
4) Select child element by class name "rcbCheckBox" using current element (i.e. LI)
5) and set the value attribute

我现在没有Selenium设置来为您编写代码。。。但是这个逻辑应该工作

下面是我如何处理这个列表下拉列表的。以@CreativeManix的逻辑为模型。

IWebElement ddl = driver.FindElement(By.Id("ctl03_ctl00_ctl00_Tabbed_ContentPlaceHolder_ContentPlaceHolder1_ContentPlaceHolder1_ctl00_ctl00_gvQuestions_ctl03_cblListItems2_Arrow"));
ddl.Click();
IList<IWebElement> lis = driver.FindElements(By.ClassName("rcbItem"));
foreach (IWebElement li in lis)
    try
    {
        IWebElement checkBox = li.FindElement(By.ClassName("rcbCheckBox"));
        //if (checkBox.Selected)
        checkBox.Click();
        break;
    }
    catch {}
相关文章：