Select多选框下拉列表

2022/4/18 6:15:10

本文主要是介绍Select多选框下拉列表,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Select多选框下拉列表

  在做自动化的过程中,我们经常会遇到select标签类型的多选框下拉列表。针对select标签类型,selenium中有封装好的API可以使用,接下来,我们一起看看关于select多选框下拉列表的操作方法吧。

操作方法简介

1、选择下拉列表方法

selectByIndex(index);  		// 根据索引选择
selectByValue(value); 		// 根据value属性选择
selectByVisibleText(text); 	// 根据选项文本值选择
注意:
index是从0开始的
Value是option标签的一个属性值,并不是显示在下拉框中的值
VisibleText是在option标签中间的值,是显示在下拉框的值  

2、取消方法

deselectByIndex(index);			// 根据索引取消
deselectByValue(value);			// 根据value属性取消
deselectByVisibleText(Text);		// 根据选项文本值取消
deselectAll();       			// 取消所有选中

3、其他方法

getAllSelectedOptions();	// 获取所有被选中的标签元素对象集合
getFirstSelectedOption();	// 获取第一个被选中的标签元素对象
select.getOptions();		// 获取所有选项的标签元素对象集合
getWrappedElement();		// 获取包裹具体选项的元素对象
isMultiple();			// 判断该元素是否支持多个对下个,根据mutiple属性来判断,返回布尔值

被测HTML对象

测试用的丐版html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    用户名: <input type="text" name=""/></br>
    密  码: <input type="password" name=""/></br>
    爱好: <input type="checkbox" name="">篮球<input type="checkbox" name="">电影</br>
    性别: <input type="radio" name="gender">男<input type="radio" name="gender">女</br>
    头像: <input type="file" name=""></br>
    住址: <select id="select_province" name="select_name" class ="select_province_class">
			<option value="0">安徽省</option>
			<option value="1">江苏省</option>
			<option value="2">广东省</option>
		</select>
		<select id="select_city" name="select_name" class ="select_city_class">
			<option value="0">滁州市</option>
			<option value="1">南京市</option>
			<option value="2">广州市</option>
		</select></br>
    博客: <a href="https://www.cnblogs.com/91boge" target="_blank">点击进入</a></br>
    备注信息: <textarea>社会人</textarea>
    <form>
        <table border="1">
            <tr><td>姓名</td><td>年龄</td><td>分数</td></tr>
            <tr><td>张三</td><td>28</td><td>100</td></tr>
            <tr><td>李四</td><td>29</td><td>100</td></tr>
          	<tr><td>王二</td><td>29</td><td>100</td></tr>
          	<tr><td>麻子</td><td>29</td><td>100</td></tr>
        </table>
        <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.diydoutu.com%2Fbqb%2F8031.jpg&refer=http%3A%2F%2Fimg.diydoutu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1652796255&t=863287e1bacb29390dfefc705fa184ce">
    </form>
</body>
</html>

页面展示:

image

代码操作

1、选择下拉列表

@Test
public void testDemo1() throws InterruptedException {
    WebDriver driver = new ChromeDriver();
    driver.get("E:\\Notes\\Selenium\\select.html");
    driver.manage().window().maximize();
    Thread.sleep(3000);
    WebElement element = driver.findElement(By.id("select_province"));
    Select select = new Select(element);
    // 选择索引值为2,即第三个选项
    select.selectByIndex(2);
    Thread.sleep(5000);
    // 选择value属性值为1的选择
    select.selectByValue("1");
    Thread.sleep(5000);
    // 选择文本值为安徽省的选项
    select.selectByVisibleText("安徽省");
    Thread.sleep(5000);
}

2、取消方法

取消方法针对的select标签是需要有multiple属性的,没有则抛异常。

在上面html中的select标签中增加multiple="multiple"

<select id="select_province" name="select_name" class ="select_province_class" multiple="multiple">

<select id="select_city" name="select_name" class ="select_city_class" multiple="multiple">

@Test
public void testDemo2() throws InterruptedException {
    WebDriver driver = new ChromeDriver();
    driver.get("E:\\Notes\\Selenium\\select_mutiple.html");
    driver.manage().window().maximize();
    Thread.sleep(3000);
    WebElement element = driver.findElement(By.id("select_city"));
    Select select = new Select(element);
    // 索引值为2的选择后取消
    select.selectByIndex(2);
    Thread.sleep(3000);
    select.deselectByIndex(2);
    Thread.sleep(3000);
    // value属性值为1的选择后取消
    select.selectByValue("1");
    Thread.sleep(3000);
    select.deselectByValue("1");
    Thread.sleep(3000);
    // 选择文本值为安徽省的选项,然后取消
    select.selectByVisibleText("滁州市");
    Thread.sleep(3000);
    select.deselectByVisibleText("滁州市");
    // 取消所有
    select.deselectAll();
    Thread.sleep(3000);
}

3、其他方法

@Test
public void testDemo() throws InterruptedException {
    WebDriver driver = new ChromeDriver();
    driver.get("E:\\Notes\\Selenium\\select.html");
    driver.manage().window().maximize();
    Thread.sleep(3000);
    WebElement element = driver.findElement(By.id("select_province"));
    Select select = new Select(element);

    boolean multiple = select.isMultiple();
    System.out.println("multiple is " + multiple);
    System.out.println("================================================");

    WebElement wrappedElement = select.getWrappedElement();
    System.out.println("wrappedElement is " + wrappedElement.getText());
    System.out.println("================================================");

    List<WebElement> options = select.getOptions();
    System.out.println("The size of allSelectedOptions is " + options.size());
    for(int i=0;i<options.size();i++) {
      System.out.println("第"+ i +"次:" + options.get(i).getText());
    }
    System.out.println("================================================");

    WebElement firstSelectedOption = select.getFirstSelectedOption();
    System.out.println("firstSelectedOption is " + firstSelectedOption.getText());
    System.out.println("================================================");

    List<WebElement> allSelectedOptions = select.getAllSelectedOptions();
    System.out.println("The size of allSelectedOptions is " + allSelectedOptions.size());
    for(int i=0;i<allSelectedOptions.size();i++) {
      System.out.println("第"+ i +"次:" + allSelectedOptions.get(i).getText());
    }

    driver.quit();
}

打印结果:

com.intellij.rt.junit.JUnitStarter -ideVersion5 -junit4 com.test.day02.SelectTest,testDemo
Starting ChromeDriver 96.0.4664.45 (76e4c1bb2ab4671b8beba3444e61c0f17584b2fc-refs/branch-heads/4664@{#947}) on port 37534
Only local connections are allowed.
Please see https://chromedriver.chromium.org/security-considerations for suggestions on keeping ChromeDriver safe.
ChromeDriver was started successfully.
[1650212642.945][WARNING]: This version of ChromeDriver has not been tested with Chrome version 97.
四月 18, 2022 12:24:02 上午 org.openqa.selenium.remote.ProtocolHandshake createSession
信息: Detected dialect: W3C
multiple is false
================================================
wrappedElement is    安徽省
   江苏省
   广东省
  
================================================
The size of allSelectedOptions is 3
第0次:安徽省
第1次:江苏省
第2次:广东省
================================================
firstSelectedOption is 安徽省
================================================
The size of allSelectedOptions is 1
第0次:安徽省

Process finished with exit code 0



这篇关于Select多选框下拉列表的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程