Question

这是我需要选择特定选项的HTML代码

[[2020]]

选择元素被隐藏，我不能简单地做到这一点 <div class="ui-dropdownlistcontrol"> <select id="ApplicantTitle" name="ApplicantTitle" class="select2-hidden-accessible" data-select2-id="ApplicantTitle" tabindex="-1" aria-hidden="true"> <option value="0" selected="" data-select2-id="2"> </option> <option value="1" data-select2-id="6">Mr</option> <option value="2" data-select2-id="7">Mrs</option> <option value="3" data-select2-id="8">Miss</option> <option value="4" data-select2-id="9">Ms</option> <option value="5" data-select2-id="10">Dr</option> <option value="6" data-select2-id="11">Prof</option> <option value="7" data-select2-id="12">Hon</option> <option value="8" data-select2-id="13">Sir</option> <option value="9" data-select2-id="14">Lord</option> </select>

如果您选择.....find_elements_by_xpath('./following::select//option[text()="Mr"]')[0].click()，则Mr元素内的span将更改为选定的选项

有人知道如何与 元素互动吗？

否则任何建议将不胜感激

编辑1：

我可以按ID为select的元素，然后将显示下拉列表，但是从打开的列表中选择的方式是什么？

Answer 1

尝试下面的代码::

element = WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//select[@name='ApplicantTitle']")))

driver.execute_script("arguments[0].scrollIntoView();", element)  

select = Select(element)
select.select_by_visible_text('Mr')

注意：在解决方案中添加以下要点

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

您可以通过多种方式处理下拉菜单：

select_by_index（index）
select_by_value（值）
select_by_visible_text（text）

**解决方案2：**

driver.get('https://www.santanderforintermediaries.co.uk/calculators-and-forms/affordability/')
wait = WebDriverWait(driver, 10)
element= wait.until(EC.element_to_be_clickable((By.XPATH, "//span[@id='ddlMethodRepaymentSelectBoxIt']")))
element.click()

element1= wait.until(EC.element_to_be_clickable((By.XPATH, "//ul[@id='ddlMethodRepaymentSelectBoxItOptions']//li[4]/a")))
element1.click()

解决方案3：

driver.get("https://www.santanderforintermediaries.co.uk/calculators-and-forms/affordability/")
driver.implicitly_wait(10)

element1 = WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.ID, "ddlMethodRepaymentSelectBoxIt")))
element1.click()

elements =  WebDriverWait(driver, 30).until(
            EC.visibility_of_all_elements_located((By.XPATH, "//ul[@id='ddlMethodRepaymentSelectBoxItOptions']//li[*]")))


expected_value = "Capital and interest"

for element in elements:
    if element.text == expected_value:
        element.click()
        break

Answer 2

您可以首先使用以下CSS单击select列表，然后选择相应的项目。

listEle = driver.find_element_by_css_selector("select#ApplicantTitle")
listEle.click()
#Then you can select the option 
listEle.find_element_by_xpath("./option[.='Mr']").click()

Answer 3

用户界面似乎是一个下拉列表，但并不相同。如果HTML中有一个Select标签，但没有包装在其他标签中，则可以使用Selenium Select类进行选择。

在参考站点中，您需要模拟相同的点击操作，以便从下拉列表中选择一个值。

使用以下代码：

driver.get("https://www.santanderforintermediaries.co.uk/calculators-and-forms/affordability/")
driver.implicitly_wait(10)
# click on dropdown
driver.find_element_by_id("ddlMethodRepaymentSelectBoxIt").click()

#get all dropdown element
elements = driver.find_elements_by_css_selector("#ddlMethodRepaymentSelectBoxItOptions>li")

expected_value = "Part and part - sale of mortgaged property"

# loop through all all element and and check whether element has the expected value to select if yes the select and break out the loop
for element in elements:
    if element.text == expected_value:
        element.click()
        break

Python / Selenium如何与Hidden Select元素进行交互

3 个答案: