Python-Selenium-從下拉菜單中選擇一個元素

Question

我需要從下拉菜單中選擇一個元素。

例如：

    <div class="col-sm-4 col-lg-2">
       <label for="rangeFilter" class="sr-only">Date Range</label>
       <select class="selectpicker" id="rangeFilter" data-none-selected-text="Range" name="range">
              <option value="">View by</option>
              <option value="6month">6 months</option>
              <option value="1year">1 Year</option>
              <option value="2year">2 Year</option>
              <option value="all">All time</option>
         </select>
     </div>

但我總是有某種錯誤。

我的代碼很簡單：

driver = webdriver.Chrome("D:\Python27\selenium\webdriver\chrome\chromedriver.exe")
driver.implicitly_wait(5)
driver.maximize_window()
driver.get("https://ispspeedindex.netflix.com/country/norway/")
time.sleep(15)
select = Select(driver.find_element_by_id('rangeFilter'))
select.select_by_visible_text('All time')

但這不起作用。 出現一條有關“元素不可見：元素當前不可見並且可能無法操作”的消息

Traceback (most recent call last):
File "scraping.py", line 23, in <module>
select.select_by_visible_text('All time')
File "D:\Python27\lib\site-packages\selenium\webdriver\support\select.py", line 120, in select_by_visible_text
...
selenium.common.exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated

任何想法？ 我正在嘗試其他stackoverflow問題中的一些修復程序，但我沒有找到方法...

Answer 1

除非我們向上滾動，否則您嘗試交互的下拉菜單對用戶不可見，這就是錯誤的原因。 嘗試向上滾動，然后與下拉菜單進行交互。 以下代碼可能會給您一些想法。

element=find_element_by_xpath("xpath of the element you are trying to access")

element.location_once_scrolled_into_view

希望這可以幫助。 謝謝。

Answer 2

您嘗試選擇的下拉列表實際上不是具有rangeFilter id的元素。 它在同級<div> 。

由於除了<select>之外，您都不能在任何標簽上使用Select class，因此需要首先單擊下拉列表以使其打開選項，然后單擊該選項

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.action_chains import ActionChains

driver = webdriver.Chrome("D:\Python27\selenium\webdriver\chrome\chromedriver.exe")
driver.implicitly_wait(5)
driver.maximize_window()
driver.get("https://ispspeedindex.netflix.com/country/norway/")

drop_down = driver.find_element_by_css_selector('[data-id="rangeFilter"]')
ActionChains(driver).move_to_element(drop_down).perform()
drop_down.click()

option = WebDriverWait(driver, 10).until(EC.visibility_of_element_located((By.XPATH, '//span[contains(., "All time")]')))
option.click()

Answer 3

您可以將顯式等待替換為隱式等待，顯式等待將等待元素在DOM中呈現。

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Chrome("D:\Python27\selenium\webdriver\chrome\chromedriver.exe")
driver.maximize_window()
driver.get("https://ispspeedindex.netflix.com/country/norway/")
try:
    WebDriverWait(driver, 10).until(
        EC.presence_of_element_located((By.ID, "rangeFilter"))
    )
    select = Select(driver.find_element_by_id('rangeFilter'))
    select.select_by_visible_text('All time')
finally:
    driver.quit()