Python selenium下拉选择框实战应用例子

目录
  • 一、前言
  • 二、关于导入方式
  • 三、选择、反选、选项的实战应用例子
  • 四、总结
  • 补充:三种定位方法如下

一、前言

selenium的下拉选择框。我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框。

后者我们通常的处理方式与其他的元素类似,点击或使用JS等。而对于前者,selenium给了有力的支持,就是Select类。

进行测试的网站:http://sahitest.com/demo/selectTest.htm

网页及对应源码:

二、关于导入方式

两种导入方式:

from selenium.webdriver.support.ui import Select
# 或者直接从select导入
from selenium.webdriver.support.select import Select

三、选择、反选、选项的实战应用例子

话不多说,直接上代码:

# -*- coding: utf-8 -*-

"""
@author: lucas
@Function:
@file: selectStudy.py
@time: 2021/8/20 1:27 下午
"""
import unittest
import time

from selenium import webdriver
from selenium.webdriver.support.ui import Select

class SelectStudy(unittest.TestCase):

    def setUp(self):
        # 创建一个Chrome WebDriver的实例
        self.driver = webdriver.Chrome()

    # 选择页面第一个下拉框,依次选择值O1-O3
    def test_selectO1ToO3(self):
        driver = self.driver
        driver.get('http://sahitest.com/demo/selectTest.htm')
        # 实例化Select
        s1 = Select(driver.find_element_by_id('s1Id'))
        # 查看选择框的默认值
        print s1.first_selected_option.text
        # 选择第二个选项o1
        s1.select_by_index(1)
        time.sleep(3)
        # 为了方便查看效果,可以加上等待时间
        time.sleep(3)
        # 选择value="o2"的项,value是option标签的一个属性值,并不是显示在下拉框中的值
        s1.select_by_value("o2")
        # 查看选中选择框的默认值
        print s1.first_selected_option.text
        time.sleep(3)
        # 选择text="o3"的值,即在下拉时我们可以看到的文本,visible_text是在option标签中间的值,是显示在下拉框的值
        s1.select_by_visible_text("o3")
        time.sleep(3)

    # 反选操作,包括取消某个值和全部取消
    def test_cancel_select(self):
        driver = self.driver
        driver.get('http://sahitest.com/demo/selectTest.htm')
        s4 = Select(driver.find_element_by_id('s4Id'))
        # 全选
        for option in s4.options:
            if not option.is_selected():
                print option.text
                s4.select_by_visible_text(option.text)
        time.sleep(3)

        # 根据index取消选中
        s4.deselect_by_index(0)
        time.sleep(3)

        # 根据value取消选中
        s4.deselect_by_value("o1val")
        time.sleep(5)

        # 根据标签文本选中
        s4.deselect_by_visible_text("o2")
        time.sleep(5)

        # 全选
        for option in s4.options:
            if not option.is_selected():
                s4.select_by_visible_text(option.text)
        time.sleep(3)

        # 取消选中所有选项
        s4.deselect_all()

    # 查看选中项目
    """
    输出结果为:
    o1
    o2
      With spaces
      With nbsp
    """
    def test_view_selection(self):
        driver = self.driver
        driver.get('http://sahitest.com/demo/selectTest.htm')
        s4 = Select(driver.find_element_by_id('s4Id'))
        # 查看选择框的默认值
        s4.select_by_index(1)
        s4.select_by_value("o2val")
        s4.select_by_visible_text("With spaces")
        s4.select_by_value("o4val")

        for select in s4.all_selected_options:
            print select.text

    def tearDown(self):
        self.driver.close()

if __name__ == "__main__":
    unittest.main()

注意:

反选(deselect)取消操作只适用于添加了multiple的下拉框,否则会报错

raise NotImplementedError("You may only deselect options of a multi-select")

NotImplementedError: You may only deselect options of a multi-select

四、总结

1、Select提供了三种选择方法:

select_by_index(index) ——通过选项的顺序,第一个为 0
select_by_value(value) ——通过value属性
select_by_visible_text(text) ——通过选项可见文本

2、Select提供了四种方法取消选择:

deselect_by_index(index)
deselect_by_value(value)
deselect_by_visible_text(text)
deselect_all()

3、Select提供了三个属性方法给我们必要的信息:

options ——提供所有的选项的列表,其中都是选项的WebElement元素
all_selected_options ——提供所有被选中的选项的列表,其中也均为选项的WebElement元素
first_selected_option ——提供第一个被选中的选项,也是下拉框的默认值

补充:三种定位方法如下

1.select_by_visible_text():选项的文本内容

from selenium.webdriver.support.select import Select
from time import sleep
from selenium import webdriver

dr=webdriver.Chrome()
dr.get('url')
dr.maximize_window()
#先定位到下拉框,通过text文本定位
Select(find_element_by_id('q')).select_by_visible_text('苍井空')
sleep(2)
dr.quit()

2.select_by_value():value属性定位

from selenium.webdriver.support.select import Select
from time import sleep
from selenium import webdriver

dr=webdriver.Chrome()
dr.get('url')
dr.maximize_window()
#先定位到下拉框,通过value属性定位
Select(find_element_by_id('q')).select_by_value('3')
sleep(2)
dr.quit()

3.select_by_index():索引定位(0开始)

from selenium.webdriver.support.select import Select
from time import sleep
from selenium import webdriver

dr=webdriver.Chrome()
dr.get('url')
dr.maximize_window()
#先定位到下拉框,通过索引定位
Select(find_element_by_id('q')).select_by_index('1')
sleep(2)
dr.quit()

到此这篇关于Python selenium下拉选择框的文章就介绍到这了,更多相关Python selenium下拉选择框内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • python+selenium操作下拉框

    以该网站为例:https://www.17sucai.com/pins/demo-show?id=5926 该网页下存在多个可供测试的下拉框. 基本脚手架代码: from selenium.webdriver.support.ui import Select from selenium import webdriver import time driver = webdriver.Chrome() driver.get('https://www.17sucai.com/pins/demo-sho

  • Python爬虫之Selenium下拉框处理的实现

    在我们浏览网页的时候经常会碰到下拉框,WebDriver提供了Select类来处理下拉框,详情请往下看: 本章中用到的关键方法如下: select_by_value():设置下拉框的值 switch_to.alert.accept():定位并接受现有警告框(详情请参考Python爬虫 - Selenium(9)警告框(弹窗)处理) click():鼠标点击事件(其他鼠标事件请参考Python爬虫 - Selenium(5)鼠标事件) move_to_element():鼠标悬停(详情请参考Pyt

  • python3 selenium自动化 下拉框定位的例子

    我们在做web UI自动化时,经常会碰到下拉框,如下图: 所上图,下拉框的源代码如下: <html1> <head></head> <body> <select id="fruit" name="水果" style="width:100px;"> <option value ="0">苹果</option> <option value =

  • Python selenium下拉选择框实战应用例子

    目录 一.前言 二.关于导入方式 三.选择.反选.选项的实战应用例子 四.总结 补充:三种定位方法如下 一.前言 selenium的下拉选择框.我们通常会遇到两种下拉框,一种使用的是html的标签select,另一种是使用input标签做的假下拉框. 后者我们通常的处理方式与其他的元素类似,点击或使用JS等.而对于前者,selenium给了有力的支持,就是Select类. 进行测试的网站:http://sahitest.com/demo/selectTest.htm 网页及对应源码: 二.关于导

  • python+selenium select下拉选择框定位处理方法

    一.前言 总结一下python+selenium select下拉选择框定位处理的两种方式,以备后续使用时查询: 二.直接定位(XPath) 使用Firebug找到需要定位到的元素,直接右键复制XPath,使用find_element_by_xpath定位: driver = webdriver.Firefox() driver.get("https://www.baidu.com/") driver.find_element_by_xpath().click() 三.间接定位(Sel

  • 多级联动下拉选择框,动态获取下一级

    多级联动下拉选择框,动态获取下一级,每一级数据为XML,可支持无限级(浏览器端需要Microsoft.XMLDOM支持) 项目需要,一个材料类别表,三级,总共有7000多条记录,如果一次获取会很慢的,所以就是用了动态读取,每次就读一级,且服务器端使用了缓存,效率还不错. HTML代码如下: <select name="MaterialClass1" ChildSelectName="MaterialClass2"></select><s

  • 基于jQuery下拉选择框插件支持单选多选功能代码

    由于最近项目的需求,需要做一个下拉选择框的插件,支持单选显示表单数据,多选显示表格数据,该插件主要运用了jQuery与jqgrid以及easyui. 下面给大家展示下效果图,如果大家感觉还不错,请参考实现代码: 多选:呈现列表 具体代码如下所示: /** *下拉框插件-chooseList *调用插件的方式以及格式: * 1.首先你需要创建一个div面板,给div定义ID * 2.在你所需要的地方调用插件: * 参数说明: * $("#divID").chooseList({ * qu

  • js下拉选择框与输入框联动实现添加选中值到输入框的方法

    本文实例讲述了js下拉选择框与输入框联动实现添加选中值到输入框的方法.分享给大家供大家参考.具体如下: 这里演示js下拉选择框与输入框联动,直接添加选中值到输入框中的效果.这种效果相信不少朋友见到过吧,省去用户输入的麻烦,这里使用JS直接将值赋予输入框,了解原理之后,可灵活运用,扩展出更多的特效来. 运行截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-value-to-input-codes/ 具体代码如下: <html> <

  • JS实现的5级联动Select下拉选择框实例

    本文实例讲述了JS实现的5级联动Select下拉选择框.分享给大家供大家参考.具体如下: 这是一个基于JS的5级联动Select下拉选择框,这里演示的仅是一个示例,没有做汉化,当初从老外网站扒下时花了很多时间,当然我们平时用时候可能不需要这么多级,意在介绍一种编写方法和思路,希望大家喜欢. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-5-option-codes/ 具体代码如下: <title>一个基于JS的5级联动Se

  • JS简单设置下拉选择框默认值的方法

    本文实例讲述了JS简单设置下拉选择框默认值的方法.分享给大家供大家参考,具体如下: //根据下拉对象默认选中后台对应的记录 function setSelectOption(objSelect, targetValue){ if(objSelect){ var options = objSelect.options; if(options){ var len = options.length; for(var i=0;i<len;i++){ if(options[i].value == targ

  • Layui动态生成select下拉选择框不显示的解决方法

    给代码添加如下部分: layui.use('form', function(){ //此段代码必不可少 var form = layui.form; form.render(); }); 实现效果: HTML代码: <div class="layui-form-item"> <label class="layui-form-label">执行周期</label> <div class="layui-input-in

  • django前端页面下拉选择框默认值设置方式

    1,前端样式 2,前端html代码 <select name="row.status"> <option value="ON" {% if row.status == 'ON' %} selected="selected" {% endif %}>ON</option> <option value="OFF" {% if row.status == 'OFF' %} selected=

  • Vue实现省市区级联下拉选择框

    本文实例为大家分享了Vue实现省市区级联下拉选择框的具体代码,供大家参考,具体内容如下 以(Vue下拉选择框Select组件二)为基础实现省市区级联下拉选择框组件 (业务需要,固定省份选择为贵州,没有此业务,不传disabled属性即可) 效果图如下: ①创建级联下拉选择Cascader.vue组件 <template>   <div class="m-cascader-wrap">     <Select       class="mr10&q

随机推荐