如何使用Selenium Python选择无ID属性的HTML下拉选项？

原代码中的错误点 #

• 类名定位错误：By.CLASS_NAME不支持空格分隔的多个类名，'lf-simpelselect lf-bottom-margin'这种写法会直接失败，因为它会把整个字符串当作一个完整类名去匹配，而目标元素的类是两个独立属性。
• 选择方法参数错误：select_by_value("Afro")中的Afro是option的显示文本，并非其value属性值。从HTML代码可见，Afro对应的option的value是505e1c62-9e68-4569-a7ef-b6566ff1b56d，因此用select_by_value需传入该UUID，或改用select_by_visible_text匹配显示文本。

正确实现代码 #

建议使用显式等待确保元素加载完成，避免"Unable to locate element"错误，同时修正定位和选择逻辑：

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

url = "https://prd.mylogifit.com/logifitweb/genericwidgetbyid.html?a=Touchee&widgetId=73f1f696-5063-4fb7-9a8d-c588ef149eb4"

browser = webdriver.Chrome()
browser.get(url)

# 显式等待下拉框元素加载完成，最长等待10秒
wait = WebDriverWait(browser, 10)
lesson_select = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, 'select.lf-simpelselect.lf-bottom-margin')))

# 初始化Select对象
lesson_droplist = Select(lesson_select)

# 方法1：通过显示文本选择Afro
lesson_droplist.select_by_visible_text("Afro")

# 方法2：通过option的value属性值选择（可选）
# lesson_droplist.select_by_value("505e1c62-9e68-4569-a7ef-b6566ff1b56d")

关键说明 #

• CSS选择器定位：select.lf-simpelselect.lf-bottom-margin可同时匹配两个类名，是多类名元素定位的正确方式；若lf-simpelselect类名在页面中唯一，也可简化为By.CSS_SELECTOR, '.lf-simpelselect'。
• 显式等待：页面可能通过JavaScript动态渲染下拉框，直接调用find_element可能在元素未加载时执行，导致定位失败。显式等待会等待元素出现后再继续执行。
• 选择方法：如果下拉选项的文本稳定，优先用select_by_visible_text；如果value属性稳定，也可使用select_by_value，两者都能实现切换到Afro的需求。

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