Selenium处理非标准下拉菜单：模拟用户交互选择列表元素

<div class="selection-box" alt="selection" title="selection" role="select" tabindex="0">
    <select id="select" style="display: none;">
        <option value="1">First</option>
        <option value="2">Second</option>
        <option value="3" selected="selected">Third</option>
    </select>
    <div class="current">Third</div>
    <ul class="options" style="display: none;">
        <li class="search--option" alt="First option" title="First option" aria-label="First option" role="option" tabindex="0">First</li>
        <li class="search--option" alt="Second option" title="Second option" aria-label="Second option" role="option" tabindex="0">Second</li>
        <li class="search--option selected" alt="Third option" title="Third option" aria-label="Third option" role="option" tabindex="0">Third</li>
    </ul>
</div>

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

# 初始化WebDriver，这里以Chrome为例
driver = webdriver.Chrome()
driver.maximize_window() # 最大化窗口，有时有助于避免元素不可见问题
wait = WebDriverWait(driver, 15) # 设置显式等待，最长等待15秒

# 示例：导航到目标网页
# driver.get("https://www.wwe.com/superstars") # 假设这是包含下拉菜单的页面

def select_dropdown_option_by_text(text):
    """
    选择非标准下拉菜单中的指定文本选项。

    参数:
        text (str): 要选择的选项的可见文本。
    """
    # 1. 找到并点击触发下拉菜单的可见元素
    # 假设下拉菜单的整体容器有一个独特的CSS选择器，例如 '.superstar-search--selection-box'
    # 确保这个选择器指向的是点击后能展开选项列表的元素
    dropdown_trigger = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, '.superstar-search--selection-box')))
    dropdown_trigger.click()

    # 2. 等待选项列表可见
    # 假设每个选项项都有一个共同的CSS选择器，例如 '.superstar-search--option'
    # 我们等待所有选项都变得可见
    options = wait.until(EC.visibility_of_all_elements_located((By.CSS_SELECTOR, '.superstar-search--option')))

    # 3. 找到并点击目标选项
    # 遍历所有可见选项，找到文本匹配的那个
    expected_option = None
    for element in options:
        if element.text.strip().lower() == text.lower():
            expected_option = element
            break

    if expected_option:
        expected_option.click()
        # 4. 等待选项列表隐藏 (可选但推荐)
        # 假设点击后，被选中的选项会从可见列表中消失或整个列表会隐藏
        # 这里我们等待被点击的选项元素变得不可见
        wait.until(EC.invisibility_of_element(expected_option))
    else:
        raise ValueError(f"未找到文本为 '{text}' 的下拉选项。")

# 辅助函数：处理页面上的广告或其他干扰元素
# 某些网站可能会有弹窗广告或其他浮动元素，可能遮挡住目标元素，导致ElementClickInterceptedException
def remove_google_ads():
    """
    通过JavaScript移除页面上的Google Ads iframe。
    这是一个通用的处理策略，具体选择器可能需要根据实际页面调整。
    """
    return driver.execute_script("""
      function waitForElementAndRemove() {
        let element = document.querySelector('[id*=google_ads_iframe],[id*=ad_iframe]');
        if (element) {
            element.remove();
            console.log('Removed ad');
        } else {
           setTimeout(waitForElementAndRemove, 1000); // 如果没找到，1秒后重试
        }
    }
      waitForElementAndRemove();
    """)

# 实际操作示例
# driver.get("https://www.wwe.com/superstars") # 再次强调，需要导航到实际页面
# remove_google_ads() # 如果有广告干扰，先移除
# select_dropdown_option_by_text('all superstars') # 调用函数选择选项
# select_dropdown_option_by_text('raw superstars') # 选择另一个选项

# 脚本结束时关闭浏览器
# driver.quit()