Selenium操作下拉框异常：无法选择Bogotá, D.C.选项

爬取页面https://www.tudrogueriavirtual.com/时，首次加载后需要选择州和城市，但以下两种方法均无效：

• 使用.click方法：

select_state = driver.find_element('xpath', '//*[@id="ship-state"]').click()
time.sleep(1)
select_state_c = driver.find_element('xpath', '//select[@id="ship-state"]/option[@value="Bogotá, D.C."]').click()
time.sleep(1)
select_state = driver.find_element('xpath', '//*[@id="ship-state"]').click()

• 使用Select类：

select_state = Select(driver.find_element('xpath', '//*[@id="ship-state"]'))
select_state.select_by_value("Bogotá, D.C.")
time.sleep(1)

Selenium版本为selenium==4.4.3，执行后未出现预期的下拉选项。

这类问题通常是因为页面的下拉框并非原生<select>元素，而是用JavaScript渲染的自定义下拉组件——原生Select类仅能识别标准<select>标签，直接用click则可能因元素未完全加载、被遮挡导致失效。可通过以下步骤解决：

1. 用显式等待替代固定延迟：确保元素可交互后再操作，避免time.sleep的不稳定问题。
2. 分步触发下拉并选择选项：先点击下拉框触发展开，再定位目标选项完成点击。

代码示例 #

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

# 等待下拉框可点击并触发展开
state_dropdown = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, "ship-state"))
)
state_dropdown.click()

# 等待目标选项出现并点击
target_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//*[@id='ship-state']/option[@value='Bogotá, D.C.']"))
)
target_option.click()

额外排查点 #

• 检查页面是否有弹窗、遮罩层干扰操作，若有需先关闭。
• 通过浏览器开发者工具确认目标元素的value属性是否准确，避免定位错误。
• 若下拉选项为动态加载，需等待选项列表完全渲染后再执行定位操作。

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