如何使用Selenium为无唯一ID的AngularJS下拉菜单设置值？

你遇到的是前端常见的自定义下拉框（从截图的UI类名来看大概率是Semantic UI框架组件），没有唯一ID时可以通过相邻元素定位+属性组合匹配的方式精准找到目标下拉，再分两种场景处理选择逻辑：

第一步：精准定位目标下拉框 #

推荐用XPath的轴定位，根据下拉框旁边的提示文本（比如"交易时长""投资金额"这类固定显示的标签文字）匹配，完全不会和其他下拉框混淆，格式如下：

//*[text()='下拉框前的固定标签文本']/following-sibling::*[contains(@class,'dropdown')]

如果是原生<select>标签，把后面的*换成select即可。

第二步：按下拉类型执行选择操作 #

场景1：原生<select>标签下拉 #

用Selenium自带的Select工具类操作即可：

# 导入Select类（你已经导了selenium.webdriver.support.ui的包，直接用就行）
from selenium.webdriver.support.ui import Select

# 定位目标下拉框，替换里面的标签文本为你实际的内容
target_select = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//label[text()='交易时长']/following-sibling::select")
))
select = Select(target_select)

# 三种选择方式任选其一即可
select.select_by_visible_text("5分钟") # 按选项显示的文本选择，最常用
# select.select_by_value("300") # 按option的value属性值选择
# select.select_by_index(2) # 按选项的顺序索引选择，索引从0开始

场景2：div模拟的自定义下拉（你的场景大概率是这个） #

现代UI框架基本都用div模拟下拉，需要先点击触发下拉展开，再点击对应选项：

# 点击触发下拉展开，替换标签文本为实际内容
dropdown_trigger = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//label[text()='交易时长']/following-sibling::div[contains(@class,'dropdown')]")
))
dropdown_trigger.click()

# 点击目标选项，为了避免选到其他下拉的同文本选项，XPath和当前下拉绑定
target_option = wait.until(EC.element_to_be_clickable(
    (By.XPATH, "//div[contains(@class,'dropdown') and preceding-sibling::label[text()='交易时长']]//div[contains(@class,'item') and text()='5分钟']")
))
target_option.click()

注意事项 #

• 所有文本匹配都要和页面显示完全一致，包括空格、大小写
• 操作下拉的代码要放在登录成功的逻辑之后、driver.quit()之前，避免页面还没加载完就关闭
• 如果定位失败，可以先在F12的控制台按Ctrl+F粘贴你写的XPath，验证能不能匹配到目标元素

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