帶硒的select2下拉選單

我在 WordPress 產品頁面中有一個啟用了 select2 ajax 的下拉選單。

我已經設法使用 selenium 在下拉串列中顯示選項。

但我無法從串列中選擇其中一個選項。

我可以使用以下代碼獲取元素。但是該元素不能轉換為 Select 也不能??單擊。

driver.findElement(By.cssSelector("[class='multiselect attribute_values wc-enhanced-select select2-hidden-accessible enhanced']"))

任何想法如何從中選擇任何選項？

下拉選單的 HTML 代碼是

<tr>
  <td class="attribute_name">
    <label>Name:</label>
    <strong>Brand</strong>
    <input type="hidden" name="attribute_names[0]" value="pa_brand">
    <input type="hidden" name="attribute_position[0]" class="attribute_position" value="0">
  </td>
  <td rowspan="3">
    <label>Value(s):</label>
    <select multiple="" data-placeholder="Select terms" class="multiselect attribute_values wc-enhanced-select select2-hidden-accessible enhanced" name="attribute_values[0][]" tabindex="-1" aria-hidden="true">
      <option value="107">Adidas</option>
      <option value="110">Gul Ahmed</option>
      <option value="111">Khadi</option>
    </select>
    <span class="select2 select2-container select2-container--default select2-container--above select2-container--open" dir="ltr" style="width: auto;">
         <span class="selection">
            <span class="select2-selection select2-selection--multiple" aria-haspopup="true" aria-expanded="true" tabindex="-1" aria-owns="select2-attribute_values0-to-results" aria-activedescendant="select2-attribute_values0-to-result-d16b-111">
               <ul class="select2-selection__rendered" aria-live="polite" aria-relevant="additions removals" aria-atomic="true">
                  <li class="select2-search select2-search--inline"><input class="select2-search__field" type="text" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="Select terms" style="width: 418.797px;" aria-owns="select2-attribute_values0-to-results" aria-activedescendant="select2-attribute_values0-to-result-d16b-111"></li>
               </ul>
            </span>
    </span>
    <span class="dropdown-wrapper" aria-hidden="true"></span>
    </span>
    <button class="button plus select_all_attributes">Select all</button>
    <button class="button minus select_no_attributes">Select none</button>
    <button class="button fr plus add_new_attribute">Add new</button>
  </td>
</tr>

uj5u.com熱心網友回復：

根據 HTML：

<select multiple="" data-placeholder="Select terms" class="multiselect attribute_values wc-enhanced-select select2-hidden-accessible enhanced" name="attribute_values[0][]" tabindex="-1" aria-hidden="true">

WebElement 顯然是一個<select>節點，可以從html-選擇標記您需要為elementToBeClickable()誘導WebDriverWait并且您可以使用以下任一定位器策略：

• 使用cssSelector和selectByVisibleText()：

  new Select(new WebDriverWait(driver, Duration.ofSeconds(10)).until(ExpectedConditions.elementToBeClickable(By.cssSelector("select.multiselect.attribute_values.wc-enhanced-select.select2-hidden-accessible.enhanced[data-placeholder='Select terms']")))).selectByVisibleText("Adidas");
  

• 使用xpath和selectByValue()：

  new Select(new WebDriverWait(driver, Duration.ofSeconds(10)).until(ExpectedConditions.elementToBeClickable(By.xpath("//select[@class='multiselect attribute_values wc-enhanced-select select2-hidden-accessible enhanced' and @data-placeholder='Select terms']")))).selectByValue("110");
  

標籤：硒 硒网络驱动程序 路径 css 选择器 html-选择

上一篇：如何使用selenium找到iframe中存在的控制元件？

下一篇：Python是否可以從發布請求中獲取請求有效負載？