如何使用 unselectable=“on"选择剑道下拉元素使用 Selenium 和 Python 的属性

问题描述

无法使用以下代码选择剑道下拉菜单.可以访问该站点以检查代码.

<span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Chang</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon ki-arrow-60-down"></span></span></span>代码:从硒导入网络驱动程序从 selenium.webdriver.common.action_chains 导入 ActionChains从 selenium.webdriver.support.select 导入选择从 selenium.webdriver.common.keys 导入密钥进口时间driver = webdriver.Chrome('./chromedriver')driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")select = driver.find_element_by_xpath('//*[@id="example"]/div/span/span/span[1]')[0]select.SelectByValue("Chang");打印('成功')

解决方案

使用

Unable to select the kendo dropdown using below code. The site can be reachable for checking the code.

<span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Chang</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span>



Code: 
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
from selenium.webdriver.common.keys import Keys
import time
driver = webdriver.Chrome('./chromedriver')
driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")
select = driver.find_element_by_xpath('//*[@id="example"]/div/span/span/span[1]')[0]
select.SelectByValue("Chang");
print('Success')

解决方案

To select the item with text as Chang within the kendo dropdown using Selenium you you have to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following Locator Strategies:

• Using CSS_SELECTOR:

  driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "span.k-widget.k-dropdown[aria-owns='products_listbox']"))).click()
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.k-animation-container>div#products-list ul li[data-offset-index='1']"))).click()
  

• Using XPATH:

  driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//span[@class='k-widget k-dropdown' and @aria-owns='products_listbox']"))).click()
  WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='k-animation-container']/div[@id='products-list']//ul//li[text()='Chang']"))).click()
  

• Note : You have to add the following imports :

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

Browser Snapshot: