Python Selenium如何选择selectize下拉菜单中class为selectize-dropdown-content的选项

class为selectize-dropdown-content的下拉是基于 Selectize.js 实现的自定义下拉组件，不属于原生<select>标签，因此无法使用 Selenium 原生的Select类操作，可按照以下逻辑实现选项选择：

• 触发下拉框展开
  先定位下拉对应的输入触发元素（通常 class 包含selectize-input），执行点击操作唤醒下拉面板：

  from selenium.webdriver.common.by import By
  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.support import expected_conditions as EC
  
  # 定位触发下拉的输入框，若存在多个下拉可补充上级唯一节点的选择器限定
  selectize_input = WebDriverWait(driver, 10).until(
      EC.element_to_be_clickable((By.CSS_SELECTOR, ".selectize-input"))
  )
  selectize_input.click()
  

• 等待下拉选项加载完成
  显式等待selectize-dropdown-content容器可见，确保选项已完成渲染：

  dropdown_content = WebDriverWait(driver, 10).until(
      EC.visibility_of_element_located((By.CLASS_NAME, "selectize-dropdown-content"))
  )
  

• 选中目标选项
  可根据实际场景选择以下两种匹配方式：

  1. 按选项文本匹配

  # 替换为你需要选择的选项文本
  target_text = "目标选项文本"
  target_option = WebDriverWait(driver, 10).until(
      EC.element_to_be_clickable((By.XPATH, f'//div[contains(@class,"selectize-dropdown-content")]//div[text()="{target_text}"]'))
  )
  # 若选项超出下拉可视区域，先滚动到元素位置
  driver.execute_script("arguments[0].scrollIntoView(true);", target_option)
  target_option.click()
  

  2. 按data-value属性匹配（适合文本重复的场景）

  # 替换为选项对应的data-value属性值
  target_value = "option_value"
  target_option = WebDriverWait(driver, 10).until(
      EC.element_to_be_clickable((By.CSS_SELECTOR, f'.selectize-dropdown-content div[data-value="{target_value}"]'))
  )
  target_option.click()
  

常见问题处理：

• 若点击输入框后下拉面板一闪而过，可改用JS触发点击：driver.execute_script("arguments[0].click();", selectize_input)
• 不要直接修改页面隐藏的原生<select>标签的值，会导致页面前端校验不生效，提交数据异常
• 多selectize下拉的场景，需要给所有选择器补充上级唯一容器的限定，避免定位到其他下拉的元素

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