如何用Selenium Python选择Tableau报表网页下拉菜单选项（解决定位报错）

尝试通过ID或Class定位Tableau报表网页中的下拉菜单元素时，Python抛出错误。以下是该下拉菜单的HTML结构以及我尝试过的代码，求能选中指定下拉选项的正确代码。

HTML结构 #

</div>
<div class="clslblLevelStatus">Level Status</div>
<div class="clsdrpstatus">
    <select id="levelstatusDropdownlist" class="chzn-select-deselect chzn-done" style="width: 200px; display: none;" tabindex="-1">
        <option value=""></option>
    <option value="">--All Statuses--</option><option value="0|1000">Unassigned</option><option value="1|15">L1 - Work In Progress</option><option value="1|14">L1 - Pending</option><option value="1|2">L1 - Hold</option><option value="1|1">L1 - Completed</option><option value="1|3">L1 - Invalid</option><option value="2|15">L2 - Work In Progress</option><option value="2|14">L2 - Pending</option><option value="2|2">L2 - Hold</option><option value="2|3">L2 - Invalid</option><option value="3|15">L3 - Work In Progress</option><option value="3|14">L3 - Pending</option><option value="3|2">L3 - Hold</option><option value="3|3">L3 - Invalid</option><option value="0|1001">Completed</option></select><div id="levelstatusDropdownlist_chzn" class="chzn-container chzn-container-single" style="width: 200px;" title=""><a href="javascript:void(0)" class="chzn-single chzn-default" tabindex="-1"><span>Select an Option</span><div><b></b></div></a><div class="chzn-drop" style="left: -9000px; width: 198.4px; top: 23px;"><div class="chzn-search"><input type="text" autocomplete="off" tabindex="2" style="width: 163.8px;"></div><ul class="chzn-results"><li id="levelstatusDropdownlist_chzn_o_1" class="active-result" style="">--All Statuses--</li><li id="levelstatusDropdownlist_chzn_o_2" class="active-result" style="">Unassigned</li><li id="levelstatusDropdownlist_chzn_o_3" class="active-result" style="">L1 - Work In Progress</li><li id="levelstatusDropdownlist_chzn_o_4" class="active-result" style="">L1 - Pending</li><li id="levelstatusDropdownlist_chzn_o_5" class="active-result" style="">L1 - Hold</li><li id="levelstatusDropdownlist_chzn_o_6" class="active-result" style="">L1 - Completed</li><li id="levelstatusDropdownlist_chzn_o_7" class="active-result" style="">L1 - Invalid</li><li id="levelstatusDropdownlist_chzn_o_8" class="active-result" style="">L2 - Work In Progress</li><li id="levelstatusDropdownlist_chzn_o_9" class="active-result" style="">L2 - Pending</li><li id="levelstatusDropdownlist_chzn_o_10" class="active-result" style="">L2 - Hold</li><li id="levelstatusDropdownlist_chzn_o_11" class="active-result" style="">L2 - Invalid</li><li id="levelstatusDropdownlist_chzn_o_12" class="active-result" style="">L3 - Work In Progress</li><li id="levelstatusDropdownlist_chzn_o_13" class="active-result" style="">L3 - Pending</li><li id="levelstatusDropdownlist_chzn_o_14" class="active-result" style="">L3 - Hold</li><li id="levelstatusDropdownlist_chzn_o_15" class="active-result" style="">L3 - Invalid</li><li id="levelstatusDropdownlist_chzn_o_16" class="active-result" style="">Completed</li></ul></div></div>

尝试过的代码 #

Queue_status = Select(browser.find_element(By.ID,'levelstatusDropdownlist'))
Queue_status.select_by_visible_text("--All Statuses--")

Queue_status = browser.find_element(By.ID,'levelstatusDropdownlist_chzn'))
Queue_status.click()

这个下拉菜单是Chosen插件渲染的自定义组件，原生<select>元素被设置为display: none，直接用Select类操作会报错，需要操作插件生成的可视化交互元素：

方法1：直接定位并点击选项 #

# 点击Chosen下拉的触发按钮，展开选项列表
dropdown_trigger = browser.find_element(By.CSS_SELECTOR, '#levelstatusDropdownlist_chzn a.chzn-single')
dropdown_trigger.click()

# 定位目标选项并点击，以"--All Statuses--"为例
target_option = browser.find_element(By.XPATH, '//*[@id="levelstatusDropdownlist_chzn"]//li[text()="--All Statuses--"]')
target_option.click()

方法2：遍历选项匹配文本 #

如果XPATH的文本匹配不生效，可遍历所有选项找到目标后点击：

dropdown_trigger = browser.find_element(By.CSS_SELECTOR, '#levelstatusDropdownlist_chzn a.chzn-single')
dropdown_trigger.click()

# 获取所有可点击选项
options = browser.find_elements(By.CSS_SELECTOR, '#levelstatusDropdownlist_chzn li.active-result')
# 遍历找到目标文本并点击
for option in options:
    if option.text.strip() == "--All Statuses--":
        option.click()
        break

优化：添加显式等待避免加载问题 #

为防止元素未加载完成导致报错，建议加入显式等待：

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

# 等待触发按钮可点击
dropdown_trigger = WebDriverWait(browser, 10).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, '#levelstatusDropdownlist_chzn a.chzn-single'))
)
dropdown_trigger.click()

# 等待目标选项可点击
target_option = WebDriverWait(browser, 10).until(
    EC.element_to_be_clickable((By.XPATH, '//*[@id="levelstatusDropdownlist_chzn"]//li[text()="--All Statuses--"]'))
)
target_option.click()

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