[英]Python / Selenium How to interact with Hidden Select element
這是我需要 select 特定選項的元素的 HTML 代碼
<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>
<span class="select2 select2-container select2-container--default select2-container--below" dir="ltr" data-select2-id="1" style="width: 100%;">
<span class="selection">
<span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="false" aria-labelledby="select2-ApplicantTitle-container">
<span class="select2-selection__rendered" id="select2-ApplicantTitle-container" role="textbox" aria-readonly="true"> </span>
<span class="select2-selection__arrow" role="presentation">
<b role="presentation"></b>
</span>
</span>
</span>
<span class="dropdown-wrapper" aria-hidden="true"></span>
</span>
<span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="1" style="width: 100%;">
<span class="selection">
<span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-ApplicantTitle-container">
<span class="select2-selection__rendered" id="select2-ApplicantTitle-container" role="textbox" aria-readonly="true"> </span>
<span class="select2-selection__arrow" role="presentation">
<b role="presentation"></b>
</span>
</span>
</span>
<span class="dropdown-wrapper" aria-hidden="true"></span>
</span>
Select 元素被隱藏,我不能簡單地這樣做.....find_elements_by_xpath('./following::select//option[text()="Mr"]')[0].click()
而如果你會 select Mr
那么里面的span
元素
將更改為所選選項
有人知道如何與隱藏的select
元素交互嗎?
或任何建議將不勝感激
編輯1:
我可以用這個 id select2-ApplicantTitle-container
按下元素,然后下拉菜單會出現,但是從這個打開的列表到 select 的方法是什么?
試試下面的代碼::
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
您可以通過多種方式處理下拉菜單:
** 解決方案 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
您可以先使用下面的 CSS 再單擊 select 項目的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()
UI 似乎是一個下拉菜單,但並不相同。 If there is a Select tag in HTML and not wrapped in some other tag then it can be selected using Selenium Select class.
在您的參考站點中,您需要模擬相同的單擊操作,以便 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
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.