selenium定位输入框特殊下拉选项

最新推荐文章于 2024-07-26 17:51:45 发布
最新推荐文章于 2024-07-26 17:51:45 发布
阅读量1.7k 收藏 7
点赞数
分类专栏： python 文章标签： selenium javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38973060/article/details/108402125
版权
本文介绍如何使用Selenium结合动作链和XPath选择器，实现对由JavaScript动态渲染的下拉对话框进行选项选择，适用于非标准select元素的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

selenium对于下拉对话框的选项选择：

如下图所示：

审查下拉列表元素可以发现，该下拉列表不属于select元素，而是通过输入文字，利用javascript搜索关联数据二次渲染而得到的对话框，因此利用selenium.find_element系列往往不能直接选中下拉列表框。

这时可以采用动作链的方法对输入框的鼠标进行悬停，然后再用xpath可以选中下拉选项，部分代码如下：

#定义动作链
ActionChains(browser).move_to_element(input).click_and_hold(input).perform()
#选定下拉选项
elements=browser.find_element_by_css_selector('#root > div > div:nth-child(3) > div > div > div.box.box-marketData > div > div > div.box-filter.relative.input-group.searchData > div')

这样就可以顺利选中javascript渲染的元素

selenium之下拉选择框
LYX_WIN
08-20 1万+
一、前言 selenium的下拉选择框。我们通常会遇到两种下拉框，一种使用的是html的标签select，另一种是使用input标签做的假下拉框。 后者我们通常的处理方式与其他的元素类似，点击或使用JS等。而对于前者，selenium给了有力的支持，就是Select类。 进行测试的网站：http://sahitest.com/demo/selectTest.htm 网页及对应源码： 二、关于导入方式 两种导入方式： from selenium.webdriver.support.ui imp
selenium 选定ul-li下拉选项中某个指定选项
qq_37405087的博客
08-17 2324
selenium的下拉选项是ul-li模式，选定某个指定的选项。
使用selenium定位input标签下的下拉框
Lucifer__hell的博客
07-04 2176
方法来定位，然后报错了QAQ ，大概意思是说该元素不支持使用select方法，然后才想着看一下实现代码，结果才发现下拉框字段是在。，因为很有可能就是这个原因导致的！有很多时候直接copy过来拿去定位，就会定位不到，实在不行手动输入定位一下。多尝试几种定位方式，这个不行换另一个试试，八种定位方式总有一种适合。另外，不要太过依赖F12直接copy的。类型的，所以不能用传统的select定位方法。我一开始就是看到是下拉列表，想当然的采用。方式来实现的下拉框，不是。
Selenium 处理下拉框操作
zsh_ouhuang的博客
11-14 4541
selenium 处理下拉框 在使用selenium来进行自动化测试的时候，常常会需要处理下拉框（很多项目都有下拉框）。所以我们需要知道下拉框是怎么处理的。 一. 基于Webdriver操作处理下拉框 如果是直接通过定位的方法来处理下拉框的话，只需要定位好之后，click就可以了，但是这种方式容易出错。 from selenium import webdriver from selenium.we...
selenium定位input下拉列表
热门推荐
qq_28515829的博客
01-03 1万+
网上有许多关于selenium定位select下拉列表的讲解，但是关于怎样定位input假下拉列表的文章比较少，下面来说一下我是怎么定位input下拉列表的 1、首先要展开下拉列表，否则是定位不到选项的（我的下拉列表是动态加载的），如图定位到展开下拉列表的按钮 //展开下拉列表 driver.findElement(By.xpath("//*[@id=\"toolbar\"]/span[
Selenium入门学习----下拉框，滚动条等（三）
weixin_55031982的博客
07-26 2722
下拉框的操作就是选择我们需要用到的选项。如下图：我们有时候需要完成这种操作。下拉框的操作我们一般用Select类。Select类是Selenium为了操作select标签而特殊封装的。思路分析：导包。实例化Select类。调用方法。
Selenium4+python被单独定义＜div＞的动态输入框和二级下拉框要怎么定位?
2301_77581945的博客
11-20 383
自动化测试中，被单独定义的动态输入框要怎么定位?
关于selenium定位下拉框中动态加载的元素定位不到或无法定位的问题
朱同学
07-20 9974
今天在一个系统中定位元素，上面是一个点击框，点击之后会出现可以选择的下拉框 如图： 但是在开发者选项中无法定位到这里的元素，看了下源码，源码中并没有这些选项 点击其中有的选项之后，才会出现对应的代码 请问有大佬可以告诉我下这是为什么吗？ ...
selenium定位到元素后获取其属性_自动化测试：盘点Selenium页面元素定位的8种方法...
weixin_30803191的博客
02-11 733
前段时间因项目需要，学习Selenium进行自动测试。现在总结整理下Selenium中元素定位的方法，希望可以帮助一些有疑问的朋友。自动化测试步骤 :定位元素→操作元素→验证操作结果→记录测试结果在自动化测试过程中，测试程序通常的操作页面元素步骤找到Web的页面元素，并赋予到一个存储对象中 (WebElement)对存储页面元素的对象进行操作，例如：点击链接，在输入框中输入字符等，验证页面上的元素...
java+selenium下拉框元素定位
悲伤的测试开发的博客
08-17 1314
1.元素定位 ID定位元素： findElement(By.id(“”)); 通过元素的名称定位元素： findElement(By.name(“”)); 通过元素的html中的位置定位元素： findElement(By.xpath(“”)); 通过元素的标签名称定位元素： findElement(By.tagName(“”)); 通过元素的链接名称定位元素： findElement(By.linkText(“”)); 通过元素的类名定位元素： findElement(By.className(“”));
js实现input输入框输入信息后出现下拉选择框
08-17
js实现input输入框输入信息后出现下拉选择框，下拉框的数据源可以使根据输入的值从数据库中动态获取
input 级联下拉列表
12-13
input 级联下拉列表 input 级联下拉列表 input 级联下拉列表 input 级联下拉列表 input 级联下拉列表
【Selenium自动化测试】下拉框处理
How2Code的博客
03-20 1364
上述的例子中，通过一个循环来分别定位选择下拉列表中的每个选项，其中定位方法为。首先通过Select类将下拉框封装为下拉列表，然后分别通过。这就是下拉框，对于下拉框，WebDriver同样有提供。在Web自动化测试过程中，有时会遇到类似下面的情景。下面通过两个例子来认识如何处理下拉框。方法定位及选择目标选项。
selenium自动化元素定位之下拉列表框
测试开发
07-02 4728
UI自动化元素定位之下拉列表框
selenium自动化测试入门 —— 下拉框元素定位
2301_77709772的博客
11-02 585
选择获取反选下拉框元素首先要实例化select元素from selenium.webdriver.support.ui import Select # 引入包select_element=Select(element) # 实例化select示例1：采用三种方法依次选择's1Id'的值示例2：想查看一个's1Id'所有的选项示例3：查看我已选中的所有选项，'s2Id'可以多选的选择框注意：只有只有为 的空格才是空格，在html中代码只有 才代表空格，代码中的空格不是空格。
selenium下拉框的处理
loner_fang的博客
06-03 832
from selenium import webdriver from selenium.webdriver.support.ui import Select sl = Select(driver.find_element_by_id('selectId')) # 实例化select选中下拉框选项：sl.select_by_index('0') # 选中第一个选项，index默认从0开始 s...
selenium--下拉框标签元素的选取
冰点契约的博客
07-01 579
对于下拉框标签的选取我们需要导入一个包: from selenium.webdriver.support.select import Select # 1.获取下拉框标签 select_element = driver.find_element_by_name('birthdayYear') #创建Select类的实例 这是Select类的初始化方法，需要传入一个element对象 def __init__(self, webelement): ... # 下拉框标签内的三种元素选择方法 # 通过索引/下标
Selenium自动化之操作有输入框的下拉框
DansonC的博客
08-09 1664
#操作有输入框的下拉框 import unittest import time from selenium import webdriver class VisitSogouByIE(unittest.TestCase): def setUp(self): # 启动IE浏览器 self.driver = webdriver.Ie(executable_pa...
Selenium常用操作之单选复选框、下拉列表、键盘、截屏、断言、(显式隐式)等待
m0_70618214的博客
09-17 1772
​(1) 强制等待   常用于调试 import time time.sleep(2) (2) 隐式等待   简介：     a 、 driver.implicitly_wait(10)，隐式等待设置了一个时间，在一段时间内网页是否加载完成，如果完成了，就进行下一步；在设置的时间内没有完成，则会报超时加载；
selenium F12 如何选择下拉菜单
最新发布
01-09
### 使用 Selenium 和 浏览器开发者工具 (F12) 选择下拉菜单 为了实现通过 Selenium 操作浏览器并选择特定的下拉菜单项，可以按照如下方式处理： #### 准备工作 确保已安装谷歌浏览器及其对应的驱动包，并且两者版本匹配[^2]。 ```bash pip install selenium ``` #### 导入必要的库 导入 `Select` 类用于操作 `<select>` 标签下的选项[^3]。 ```python 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 from selenium.webdriver.support.select import Select ``` #### 初始化 WebDriver 并打开目标网页 创建 Chrome 浏览器实例，并加载含有 Element UI 组件的目标页面。 ```python driver = webdriver.Chrome(executable_path='/path/to/chromedriver') url = 'https://example.com/page-with-element-ui-dropdown' driver.get(url) # 显式等待直到找到指定的选择框元素变得可见 dropdown_element = WebDriverWait(driver, 10).until( EC.visibility_of_element_located((By.CSS_SELECTOR, '.el-select .el-input__inner')) ) ``` #### 打开开发者工具查看元素路径 利用 F12 开启开发者工具，在 Elements 面板中定位到所需的下拉列表组件。对于某些复杂的前端框架如 Element UI，可能无法直接获取简单的 XPath 表达式来唯一标识该控件；此时可尝试复制完整的 XPath 或者 CSS Selector 来精确定位[^1]。 #### 模拟用户交互行为触发下拉菜单显示 由于部分现代 Web 应用可能会延迟渲染实际的内容节点，因此需要模拟用户的点击动作使隐藏的选项显现出来以便进一步操作。 ```python # 点击输入框激活下拉菜单 dropdown_element.click() # 如果有更多动态加载的数据，则需适当增加延时以允许数据完全呈现 import time time.sleep(1) # 调整此数值取决于具体应用响应速度 ``` #### 定位具体的选项并执行选择 一旦确认了可用的查询表达式能够准确定位到期望的子项目之后，就可以继续编写代码完成最终的选择过程。 ```python option_locator = (By.XPATH, "//li[contains(@class,'el-select-dropdown__item') and contains(text(), 'Option Text')]") try: option_to_select = WebDriverWait(driver, 5).until(EC.element_to_be_clickable(option_locator)) option_to_select.click() except Exception as e: print(f"未能成功选取选项: {e}") finally: driver.quit() # 关闭浏览器窗口 ``` 上述流程展示了如何借助 Selenium 结合浏览器自带的调试功能精确控制 web 页面上的复杂 GUI 控制结构，特别是针对那些由第三方 JavaScript 库构建而成的对象模型提供了有效的解决方案[^4]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值