Selenium Python：如何选择无内嵌选项的网页下拉列表

Hey there! No worries at all—we’ve all stumbled through tricky UI elements when starting out with Selenium. Let’s fix this issue together, since your dropdown isn’t a standard <select> tag (which is exactly why the Select class threw that "only works on select elements" error).

Why Your Previous Methods Failed #

The dropdown you’re dealing with is a custom combobox built with an <input> field and a toggle button, not a native HTML <select> element. Its options are loaded dynamically when you click the toggle, so the Select class (designed exclusively for <select> tags) won’t work here. The "cannot locate element" error happened because the options weren’t loaded yet when you tried to access them.

Step-by-Step Solution #

Here’s how to interact with this custom dropdown properly:

1. Click the Toggle Button to Expand Options

First, you need to trigger the dropdown to load its options by clicking the downward arrow button. Use a selector that targets the toggle anchor:

from selenium.webdriver.common.by import By

# Click the dropdown toggle button
toggle_button = driver.find_element(By.CSS_SELECTOR, "a.custom-combobox-toggle")
toggle_button.click()

2. Wait for Dynamic Options to Load

Since options load dynamically, always use explicit waits to ensure elements are ready before interacting. This prevents "element not found" errors:

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# Wait up to 10 seconds for options to become visible
wait = WebDriverWait(driver, 10)
# Replace the CSS selector with the actual container for your dropdown options (e.g., ul.ui-autocomplete li)
options = wait.until(EC.visibility_of_all_elements_located((By.CSS_SELECTOR, ".ui-autocomplete li")))

3. Select Your Target Option

Once options are loaded, you can either iterate through them to find your target, or directly locate it by text:

Option A: Iterate through options

target_text = 'Q2-2018 Q2 GUIDANCE'
for option in options:
    if option.text.strip() == target_text:
        option.click()
        break

Option B: Directly locate by text (faster if you know the exact text)

target_option = wait.until(EC.element_to_be_clickable((By.XPATH, f"//li[text()='{target_text}']")))
target_option.click()

4. Alternative: Use Input Field + Enter (If Autocomplete Works)

If the combobox supports typing to filter options, you can skip clicking the toggle entirely:

from selenium.webdriver.common.keys import Keys

input_box = driver.find_element(By.CSS_SELECTOR, "input.custom-combobox-input")
input_box.send_keys('Q2-2018 Q2 GUIDANCE')
# Press Enter to confirm the selection
input_box.send_keys(Keys.ENTER)

Key Notes #

• Adjust Selectors: You’ll need to inspect the page (after clicking the toggle) to find the actual HTML structure of your dropdown options (they might be in <li> tags inside a <ul> with a specific class).
• Always Wait: Explicit waits are critical for dynamic content—avoid using time.sleep() as it’s unreliable.

内容的提问来源于stack exchange，提问作者Wells