章节十一、7-操作下拉列表元素

如下图就是下拉框以及对应的标签属性：

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

有3种方式可以从下拉列表中选取值：

a、使用索引来选择

b、通过value的值来选择

c、根据文本值来选择

package basicweb;

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 DropdownSelect {

    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("fruitselect"));
//        创建对象
        Select select = new Select(element);
        
        Thread.sleep(2000);
        System.out.println("选择第二个下拉框元素（桔子）");
//        通过标签的value值来选择
        select.selectByValue("orange");

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

        Thread.sleep(2000);
        System.out.println("选择第三个下拉框元素（桃子）");
//        通过下拉选项的文本值来选择
        select.selectByVisibleText("桃子");
        
        Thread.sleep(2000);
        System.out.println("通过集合打印操作的下拉框元素：");
//        getOptions方法可以返回一个集合，将WebElement中接受到的元素按照下拉列表角标依次返回到el集合中
        List<WebElement> el = select.getOptions();
        int size = el.size();
        for(int i=0; i<size; i++) {
//            用一个String类型的变量来介绍取到的字符串文本
            String elText = el.get(i).getText();
        System.out.println("索引位为"+i+"的下拉框元素文本值为："+elText);
        }
    }

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

运行结果：

注意：

1、下拉列表的值角标从0开始，而非1

2、引用select对象时，需要导入相应的包，否则eclipse自检代码不通过就会报错

3、代码中使用的集合也需要导包

 4、Select select = new Select(element)

select对象只能对select标签的元素进行操作

如果是ul类型的标签则无效果

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