Selenium-java，联级菜单选择

清冬暖雪

已于 2024-01-04 09:09:50 修改

阅读量534

点赞数 7

CC 4.0 BY-SA版权

分类专栏： Web自动化文章标签： selenium 测试工具

于 2023-12-14 18:01:01 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44149742/article/details/135001338

Web自动化专栏收录该内容

23 篇文章

订阅专栏

本文讲述了使用Selenium进行网页自动化测试时，如何通过CSS选择器定位并点击不同类型的联级菜单（select和input标签），以及为何无法直接使用ID定位，需依赖class属性进行操作的过程。

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

1、联级菜单标签一般分为两种，一直是select标签形式，这种很简单，如下图所示

2、还有一种是非select标签形式的，目前我遇到的输入框就是intput标签，联级选项框在另一个div窗口中；

如下图

3、解决思路是，通过class来定位选项元素，通过get()函数获取下标来执行点击操作代码如下

//定位联级菜单输入框
WebElement selects = driver.findElement(By.cssSelector(".el-cascader--small .el-input__inner"));
//点击联级菜单输入框，使其出现选择弹窗
selects.click();//点击下拉选
Thread.sleep(2000);
//通过.findElements()函数将所有同为class的元素放在集合中并通过下标来进行点击第一级菜单
driver.findElements(By.className("el-cascader-node__label")).get(3).click();
Thread.sleep(2000);
//通过.findElements()函数将所有同为class的元素放在集合中并通过下标来进行点击第二级菜单
driver.findElements(By.className("el-cascader-node__label")).get(31).click();
Thread.sleep(2000);

4、我看到在联级选择框中的元素有ID,但是却无法通过ID进行定位，只能将class的元素都放在集合中进行定位并执行点击选择操作。