如何使用Selenium在Input+Li组合字段中选择选项？

这个控件是Chosen插件生成的多选下拉，原生<select>被隐藏且不可操作，得直接操作Chosen生成的UI元素，具体解决方案如下：

核心思路 #

1. 触发下拉框展开：点击Chosen容器或搜索输入框，让选项列表显示
2. 获取所有可选项：定位.chosen-results下的.active-result元素
3. 遍历每个选项：逐个点击选项，等待页面加载关联信息，收集数据后（可选）取消当前选中项，避免干扰下一次选择

代码实现（Python Selenium） #

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()
driver.get("你的目标页面URL")

# 1. 定位Chosen容器并点击展开下拉框
chosen_container = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, "agendafilter_chosen"))
)
chosen_container.click()

# 2. 获取所有可选项
options = WebDriverWait(driver, 10).until(
    EC.presence_of_all_elements_located((By.CSS_SELECTOR, ".chosen-results .active-result"))
)

# 3. 遍历每个选项
for idx in range(len(options)):
    # 重新定位当前选项（避免DOM变化导致元素失效）
    current_option = WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, f".chosen-results .active-result:nth-child({idx+1})"))
    )
    option_text = current_option.text
    current_option.click()
    
    # 等待页面加载关联信息（根据实际页面调整等待条件，比如目标元素出现）
    WebDriverWait(driver, 10).until(
        EC.presence_of_element_located((By.CSS_SELECTOR, "你的关联信息选择器"))
    )
    
    # 获取当前选项对应的信息（示例代码，根据实际页面修改）
    related_info = driver.find_element(By.CSS_SELECTOR, "你的信息元素选择器").text
    print(f"选项[{option_text}]对应的信息：{related_info}")
    
    # 取消当前选中（多选模式下不清理会累积选中项）
    selected_remove_btn = WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, ".chosen-choices li.search-choice:last-child a.search-choice-close"))
    )
    selected_remove_btn.click()
    
    # 重新展开下拉框，准备选择下一个选项
    chosen_container.click()

driver.quit()

关键注意事项 #

• 拒绝绝对XPATH：改用相对定位（ID、类选择器），防止页面结构变动导致定位失效
• 处理元素失效问题：遍历过程中DOM可能更新，每次操作前重新定位元素
• 精准等待加载：必须等关联信息完全加载后再获取数据，根据页面实际情况调整等待条件
• 清理多选状态：每次选择后取消选中，避免多选状态干扰后续操作

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