Python Selenium如何选中下拉框中value为2_4_18_31的Appartement选项？

问题描述 #

我正在使用Python Selenium进行网页操作，需在下拉列表中选中选项文本为Appartement、value值为"2_4_18_31"的选项。尝试使用send_keys方法但未成功，我的代码如下：

APPARTEMENT = driver.find_element(By.NAME, "data[Search][idtype][]")
APPARTEMENT.click()
time.sleep(1)
APPARTEMENT.send_keys("Appartement")
time.sleep(1)
APPARTEMENT.send_keys(Keys.ENTER)

对应的HTML结构如下：

<select name="data[Search][idtype][]" id="inputTypeBien_transac" class="form-control selectpicker" multiple="" title="Type de bien" data-style="btn-selectpicker" style="display: none;">
        <option value="void" disabled="">Type de bien</option>
            <option value="1_25_22_32_7_26_11_38_39_27_41_34">Maison</option>
        <option value="2_4_18_31" selected="selected">Appartement</option>
        <option value="5">Terrain</option>
        <option value="15_16">Parking/Garages</option>
        <option value="pneuf">Programme Neuf</option>
        <option value="prestige">Prestige</option>
        <option value="21">Immeuble</option>
        <option value="28_30_10_29_10_20_17_24">Autres</option>
        <option value="44">Terrain agricole</option>
        <option value="43">Terrain à batir</option>
        <option value="45">Terrain de loisir</option>
</select>

解决方案 #

方法1：使用Selenium原生Select类 #

Selenium提供了专门的Select类处理标准下拉框，支持通过value值或可见文本快速选中选项，代码简洁可靠：

from selenium.webdriver.support.ui import Select

# 定位目标select元素
select_element = driver.find_element(By.NAME, "data[Search][idtype][]")
# 初始化Select对象
select = Select(select_element)

# 方式A：通过value值选中目标选项
select.select_by_value("2_4_18_31")

# 方式B：通过可见文本选中
# select.select_by_visible_text("Appartement")

方法2：直接定位option元素点击 #

如果原生Select类不生效（比如下拉框是自定义组件，原生select被隐藏），可以直接定位目标option元素执行点击：

# 通过CSS选择器定位value为2_4_18_31的option
appartement_option = driver.find_element(By.CSS_SELECTOR, 'select[name="data[Search][idtype][]"] option[value="2_4_18_31"]')
appartement_option.click()

方法3：处理bootstrap-selectpicker自定义组件 #

你的下拉框带有selectpicker类，属于Bootstrap自定义下拉组件，原生select被设为display: none，直接操作原生元素可能失效。此时需要操作组件的可视化按钮和选项：

# 点击下拉组件的触发按钮（通过data-id关联原生select的id）
dropdown_button = driver.find_element(By.CSS_SELECTOR, 'button[data-id="inputTypeBien_transac"]')
dropdown_button.click()

# 定位并点击下拉菜单中的目标选项
target_option = driver.find_element(By.XPATH, '//div[@class="dropdown-menu open"]//span[text()="Appartement"]')
target_option.click()

优化建议：替换time.sleep为显式等待 #

避免使用固定时长的time.sleep()，改用WebDriverWait显式等待元素可交互，提升代码稳定性：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 等待select元素可交互，超时时间10秒
select_element = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.NAME, "data[Search][idtype][]"))
)

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