python - Scrapy、Selenium、jQuery Dropdown 与具有 style="display: none;" 的选择标签的行为不一致

Question

我正在尝试在此页面上设置下拉菜单：

第一个下拉列表和第四个下拉列表非常相似（品牌和国家/地区）。这是我用于获取品牌 (oem) 和国家/地区的代码：

oem = Select(wd.find_element_by_css_selector("#alBrandsList"))
oem.select_by_visible_text("Acer")

countries = Select(wd.find_element_by_css_selector("#alCountriesList"))
countries.select_by_visible_text("Albania")

该下拉列表在技术上是隐藏的，但它似乎适用于设备/oem 下拉列表。对于国家下拉列表，它表示内容不可见（它是）。这是它从中提取的 HTML 代码：

<select class="pretty-dropdown" datatosent="brand" id="alBrandsList" name="alBrandsList" selectorid="alPhoneModelsList" target="/AdvanceLookup/GetPhoneModels/" style="display: none;">
      ...
</select>
<button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 232px;">
  <span class="ui-icon ui-icon-triangle-2-n-s"></span>
  <span>Please select brand(s)</span>
</button>

<select class="pretty-dropdown" datatosent="country" id="alCountriesList" name="alCountriesList" selectorid="alCarriersList" target="/AdvanceLookup/GetCarriers/" style="display: none;">
      ...
</select>
<button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 232px;">
  <span class="ui-icon ui-icon-triangle-2-n-s"></span>
  <span>Please select country</span>
</button>

知道为什么它适用于第一个而不适用于第二个吗？

标签： pythonseleniumxpathwebdriverwaitxpath-1.0

Answer 1

由于<select>页面https://willmyphonework.net/AdvanceLookup上第一个和第四个下拉列表的标签都具有style="display: none;您不能使用Select Class的属性。相反，您需要诱导WebDriverWait并且element_to_be_clickable()您可以使用以下Locator Strategies：

• 代码块：

  from selenium import webdriver
  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  
  driver.get('https://willmyphonework.net/AdvanceLookup')
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='ui-multiselect ui-widget ui-state-default ui-corner-all']//span[text()='Please select brand(s)']"))).click()
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//ul[@class='ui-multiselect-checkboxes ui-helper-reset']//li/label/input[@title='Acer']"))).click()
  driver.find_element_by_xpath("//ul[@class='ui-helper-reset']//li/a/span[@class='ui-icon ui-icon-circle-close']").click()
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//button[@class='ui-multiselect ui-widget ui-state-default ui-corner-all']//span[text()='Please select country']"))).click()
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//ul[@class='ui-multiselect-checkboxes ui-helper-reset']//li/label/input[@title='Albania']"))).click()
  driver.find_element_by_xpath("//div[@class='ui-multiselect-menu ui-widget ui-widget-content ui-corner-all']//following::ul[6]//a[@class='ui-multiselect-close']/span[@class='ui-icon ui-icon-circle-close']").click()
  

• 浏览器快照：