章节十一、8-操作多选列表框

以下演示操作以图中页面为例（图中的页面是本地的网页，小伙伴们如果需要可以加入555191854或者找其他有多选列表的网站进行练习）：

多选列表框可以选择后可以按Ctrl然后选择多项或者取消已经选择的选项，上一节中讲到下拉列表框是不可以进行此操作的。

 

一、多选列表框的标签中会带有“multiple”属性

 

二、实例演示

package basicweb;

import static org.junit.jupiter.api.Assertions.*;

import java.util.List;
import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;

class MultipleSelect {

    WebDriver driver;
    String url;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "C:\\Users\\acer\\eclipse-workspace\\SeleniumPractise\\PracticePage.html";
        driver.manage().timeouts().implicitlyWait(10, TimeUnit.SECONDS);
        driver.manage().window().maximize();
        driver.get(url);
    }
    
    @Test
    void test() throws Exception {
//        定位多选列表框
        WebElement element = driver.findElement(By.id("multiple-select-example"));
//        创建对象
        Select select = new Select(element);
        
        Thread.sleep(2000);
        System.out.println("选择第二个多选列表框元素（桔子）");
//        通过标签的value值来选择
        select.selectByValue("orange");
        
        Thread.sleep(2000);
        System.out.println("取消选择已经选择的多选列表框元素（桔子）");
//        取消选择的值
        select.deselectByValue("orange");

        Thread.sleep(2000);
        System.out.println("选择第一个多选列表框元素（苹果）");
//        通过下标索引直接选择
        select.selectByIndex(0);

        Thread.sleep(2000);
        System.out.println("选择第三个多选列表框元素（桃子）");
//        通过下拉选项的文本值来选择
        select.selectByVisibleText("桃子");
        
        Thread.sleep(2000);
        System.out.println("通过集合打印选择状态的多选列表框元素：");
//        打印被选中的选项
//        getAllSelectedOptions返回的是一个list集合，这个方法可以获取到最后被选择的选项然后放到集合中
        List<WebElement> ele = select.getAllSelectedOptions();
        for(WebElement elem:ele) {
//            打印选项的文本
            System.out.println(elem.getText());
        }
        
        Thread.sleep(2000);
        System.out.println("取消所有被选择的多选列表框元素：");
//        取消所有被选择的选项
        select.deselectAll();
    }

    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
        driver.quit();
    }
}

运行结果：

 

如果有不明白的小伙伴可以加群“555191854”问我，群里都是软件行业的小伙伴相互一起学习。