前言：执行自动化测试过程中遇到下拉框，包含：单选、多选，如何定位到下拉框并选中某个选项？

1 下拉框的分类

  • select 标签

  • 非 select 标签

2 Select 下拉列表处理

针对 select 标签的下拉列表，Selenium 提供了 Select 类进行操作：

from selenium.webdriver.support.select import Select

下面这种方式一样可以使用 Select，原理是 ui 中又去调用的 Select 类：

from selenium.webdriver.support.ui import Select

Select 方法列表

Select 单选

针对单选的下拉框，每次仅能选择一个选项，可以在不同的选项中切换。

如图：

 代码：

 

  1.  
    from selenium.webdriver.support.select import Select
     
  4.  
    # 打开Chrome浏览器
     
  5.  
    driver = webdriver.Chrome("../login/chromedriver.exe")
     
  7.  
    # 浏览器访问本地html地址
     
  8.  
    driver.get("file:///D:/ac/select.html")
     
  10.  
    # 根据select下拉框的id定位
     
  11.  
    select = driver.find_element_by_id("traffic")
     
  13.  
    # 获取select的所有选项
     
  14.  
    options_list = Select(select).options
     
  16.  
    # 循环把select所有选项读取出来
     
  17.  
    for option in options_list:
     
  18.  
    print(option.text) # 打印每个选项的文本值
     
  20.  
    time.sleep(1)
     
  21.  
    # 选中索引值为1的选项"地铁"（index从0开始）
     
  22.  
    Select(select).select_by_index(1)
     
  24.  
    time.sleep(1)
     
  25.  
    # 选中标签的value=train选项"火车"
     
  26.  
    Select(select).select_by_value("train")
     
  28.  
    time.sleep(1)
     
  29.  
    # 选中文本名称为"轻轨"选项
     
  30.  
    Select(select).select_by_visible_text("轻轨")
     
  32.  
    # 获取当前选中的下拉框中的选项
     
  33.  
    first = Select(select).first_selected_option.text
     
  34.  
    print("当前选中的下拉框：", first)
     
 

 

Select 多选
 

如图：
 

 

 代码：
 

 

  1.  
    from selenium.webdriver.support.select import Select
     
  4.  
    # 打开Chrome浏览器
     
  5.  
    driver = webdriver.Chrome("../login/chromedriver.exe")
     
  7.  
    # 浏览器访问本地html地址
     
  8.  
    driver.get("file:///D:/ac/select.html")
     
  10.  
    # 根据select下拉框的id定位
     
  11.  
    select = driver.find_element_by_id("discipline")
     
  13.  
    time.sleep(1)
     
  14.  
    # 选中索引值为1的选项"语文"
     
  15.  
    Select(select).select_by_index(1)
     
  17.  
    time.sleep(1)
     
  18.  
    # 选中索引值为4的选项"物理"
     
  19.  
    Select(select).select_by_index(4)
     
  21.  
    time.sleep(1)
     
  22.  
    # 选中索引值为5的选项"生物"
     
  23.  
    Select(select).select_by_index(5)
     
  25.  
    time.sleep(1)
     
  26.  
    # 选中标签的value=English的选项"英语"
     
  27.  
    Select(select).select_by_value("English")
     
  29.  
    time.sleep(1)
     
  30.  
    # 选中文本名称为"数学"选项
     
  31.  
    Select(select).select_by_visible_text("数学")
     
  33.  
    # 获取所有选中的选项
     
  34.  
    options = Select(select).all_selected_options
     
  35.  
    for option in options:
     
  36.  
    print(option.text) # 打印选项的文本值
     
  38.  
    time.sleep(1)
     
  39.  
    # 取消选中标签的value=organism的选项"生物"
     
  40.  
    Select(select).deselect_by_value("organism")
     
  42.  
    time.sleep(1)
     
  43.  
    # 取消选中文本名称为"语文"选项
     
  44.  
    Select(select).deselect_by_visible_text("语文")
     
  46.  
    time.sleep(1)
     
  47.  
    # 取消选中索引值为4的选项"物理"
     
  48.  
    Select(select).deselect_by_index(4)
     
  50.  
    time.sleep(1)
     
  51.  
    # 取消选中所有的选项
     
  52.  
    Select(select).deselect_all()
     
 

 

select 下拉框(隐藏)
 

隐藏式的下拉框必须在点击了下拉框之后，才会把所有的可选项的元素显示在html中，如果采用常规的 select 方式无法定位，一般此种采用 ul + li 标签的方式开发的下拉框。
 

如下图所示：禅道的提交bug的"操作系统"下拉框，我们直接通过 select 的下拉框操作方式进行定位：
 

 

 代码：
 

 

  1.  
    from selenium import webdriver
     
  4.  
    # 打开Chrome浏览器
     
  5.  
    driver = webdriver.Chrome("../login/chromedriver.exe")
     
  7.  
    # 设置全局等待时间，最大超时时间为10秒
     
  8.  
    driver.implicitly_wait(10)
     
  10.  
    # 浏览器最大化
     
  11.  
    driver.maximize_window()
     
  13.  
    # 打开禅道的地址
     
  14.  
    driver.get("http://127.0.0.1/zentao")
     
  16.  
    # 根据登录页面的id定位用户名输入框并输入用户名
     
  17.  
    driver.find_element_by_id("account").send_keys("admin")
     
  19.  
    # 根据登录页面的name定位密码输入框并输入密码
     
  20.  
    driver.find_element_by_name("password").send_keys("123456")
     
  22.  
    # 根据id定位登录按钮，并点击
     
  23.  
    driver.find_element_by_id("submit").click()
     
  25.  
    # 根据超文本连接的文本"测试"定位并点击
     
  26.  
    driver.find_element_by_link_text("测试").click()
     
  28.  
    # 根据xpath定位"Bug"并点击
     
  29.  
    driver.find_element_by_xpath("//*[@id='subNavbar']/ul/li[1]/a").click()
     
  31.  
    # 根据css定位"+提Bug"并点击
     
  32.  
    driver.find_element_by_css_selector(".btn-toolbar.pull-right > .btn.btn-primary").click()
     
  34.  
    # 根据id定位到"操作系统"的select下拉框
     
  35.  
    sel = driver.find_element_by_id("os")
     
  37.  
    # 根据下拉框中选项的index选择第三个选项
     
  38.  
    Select(sel).select_by_index(2)
     
 

 

执行结果如下：
 

元素当前不可见，不能被操作。
 

 

 

  1.  
    selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable: Element is not currently visible and may not be manipulated
     
  2.  
    (Session info: chrome=111.0.5563.146)
     
 

而实际真正的元素必须要点击了页面的下拉框的箭头才能把所有下拉框中的选项显示出来，所以执行的过程中，就不能使用原始的 select 下拉框定位的方式去做。
 

此处使用方法，先定位下拉框的箭头或者整个输入框，点击之后，html页面的元素显示出来后使用常规的8大定位方式来进行定位其中一个选项，再执行点击的动作：
 

 

 

  1.  
    from selenium import webdriver
     
  4.  
    # 打开Chrome浏览器
     
  5.  
    driver = webdriver.Chrome("../login/chromedriver.exe")
     
  7.  
    # 设置全局等待时间，最大超时时间为10秒
     
  8.  
    driver.implicitly_wait(10)
     
  10.  
    # 浏览器最大化
     
  11.  
    driver.maximize_window()
     
  13.  
    # 打开禅道的地址
     
  14.  
    driver.get("http://127.0.0.1/zentao")
     
  16.  
    # 根据登录页面的id定位用户名输入框并输入用户名
     
  17.  
    driver.find_element_by_id("account").send_keys("admin")
     
  19.  
    # 根据登录页面的name定位密码输入框并输入密码
     
  20.  
    driver.find_element_by_name("password").send_keys("123456")
     
  22.  
    # 根据id定位登录按钮，并点击
     
  23.  
    driver.find_element_by_id("submit").click()
     
  25.  
    # 根据超文本连接的文本"测试"定位并点击
     
  26.  
    driver.find_element_by_link_text("测试").click()
     
  28.  
    # 根据xpath定位"Bug"并点击
     
  29.  
    driver.find_element_by_xpath("//*[@id='subNavbar']/ul/li[1]/a").click()
     
  31.  
    # 根据css定位"+提Bug"并点击
     
  32.  
    driver.find_element_by_css_selector(".btn-toolbar.pull-right > .btn.btn-primary").click()
     
  34.  
    # 根据id定位到"操作系统"的select下拉框
     
  35.  
    # sel = driver.find_element_by_id("os")
     
  36.  
    #
     
  37.  
    # # 根据下拉框中选项的index选择第三个选项
     
  38.  
    # Select(sel).select_by_index(2)
     
  40.  
    # 1、根据css定位查找下拉框旁边的按钮
     
  41.  
    # driver.find_element_by_css_selector("#os_chosen > a > div:nth-child(2)").click()
     
  43.  
    # 2、根据css定位查找下拉列表的输入框(点击输入框后html中才会有所有下拉选项的元素)
     
  44.  
    driver.find_element_by_css_selector(" #os_chosen > a > span").click()
     
  46.  
    # 根据其中要选择的选项使用css定位，点击后显示在下拉框的输入框中
     
  47.  
    driver.find_element_by_css_selector("#os_chosen > div > ul > li:nth-child(2)").click()
     
 

感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：
 

 

 

这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你!有需要的小伙伴可以点击下方小卡片领取   
 

 

 
  

        # selenium
      
        # 测试工具
      
        # 测试用例
      
        # 单元测试
      
        # 功能测试
      
        # postman
      
        # jmeter
      
  
 
 Logo 
开放原子开发者工作坊
 
开放原子开发者工作坊旨在鼓励更多人参与开源活动，与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动，如meetup、训练营等，主打技术交流，干货满满，真诚地邀请各位开发者共同参与！
 
 
  
更多推荐
  
cover
 
2019 CCF CSP-J第一轮
 
 
avatar 开放原子开发者工作坊
 
 
宏观经济学 马工程教材个人笔记整理
 
宏观经济学from Miracle_Zero文章目录宏观经济学from Miracle_Zero第二章 总产出及其衡量一、国民收入核算中的六个总量1、国内生产总值GDP2、国民生产总值GNP3、国民生产净值NNP与国内生产净值NDP4、国民收入NI与个人收入PI5、个人可支配收入DPI二、国内生产总值的核算方法1、生产法2、收入法3、支出法4、贡献率的计算三、总产出核算的校正1、消费价格平减指数（
 
avatar 开放原子开发者工作坊
 
 
【鱼眼相机模型】鱼眼相机投影模型理解
 
鱼眼相机模型
 
avatar 开放原子开发者工作坊