• Selenium2学习(十一)-- select下拉框


    本篇以百度设置下拉选项框为案例,详细介绍select下拉框相关的操作方法。

    一、认识select
        1.打开百度-设置-搜索设置界面,如下图所示

        2.箭头所指位置,就是select选项框,打开页面元素定位,下方红色框框区域,可以看到select标签属性:
    <select id="nr" name="NR">
        3.选项有三个
    <option selected="" value="10">每页显示10条</option>
    <option value="20">每页显示20条</option>
    <option value="50">每页显示50条</option>

    二、二次定位
        1.定位select里的选项有多种方式,这里先介绍一种简单的方法:二次定位

        2.基本思路,先定位select框,再定位select里的选项

        3.代码如下

        4.还有另外一种写法也是可以的,把最下面两步合并成为一步:

    driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()

    三、直接定位
        1.有很多小伙伴说firebug只能定位到select框,不能定位到里面的选项,其实是工具掌握的不太熟练。小编接下来教大家如何定位里面的选项。
        2.用direbug定位到select后,下方查看元素属性地方,点select标签前面的+号,就可以展开里面的选项内容了。


        3.然后自己写xpath定位或者css,一次性直接定位到option上的内容。(不会自己手写的,回头看前面的元素定位内容)

    四、Select模块(index)


        1.除了上面介绍的两种简单的方法定位到select选项,selenium还提供了更高级的玩法,导入Select模块。直接根据属性或索引定位。

        2.先要导入select方法:

    from selenium.webdriver.support.select import Select

        3.然后通过select选项的索引来定位选择对应选项(从0开始计数),如选择第三个选项:select_by_index(2)

    五、Select模块(value)
        1.Select模块里面除了index的方法,还有一个方法,通过选项的value值来定位。每个选项,都有对应的value值,如
    <select id="nr" name="NR">
    <option selected="" value="10">每页显示10条</option>

    <option value="20">每页显示20条</option>

    <option value="50">每页显示50条</option>

        2.第二个选项对应的value值就是"20":select_by_value("20")

    六、Select模块(text)
        1.Select模块里面还有一个更加高级的功能,可以直接通过选项的文本内容来定位。

        2.定位“每页显示50条”:select_by_visible_text("每页显示50条")


    七、Select模块其它方法
        1.select里面方法除了上面介绍的三种,还有更多的功能如下

    select_by_index()  :通过索引定位
    select_by_value()  :通过value值定位
    select_by_visible_text() :通过文本值定位
    deselect_all()          :取消所有选项
    deselect_by_index()     :取消对应index选项
    deselect_by_value()      :取消对应value选项
    deselect_by_visible_text() :取消对应文本选项
    first_selected_option()  :返回第一个选项
    all_selected_options()   :返回所有的选项

    八、整理代码如下:
    # coding:utf-8
    from selenium import webdriver
    from selenium.webdriver.common.action_chains import ActionChains
    from selenium.webdriver.support.select import Select
    driver = webdriver.Firefox()
    url = "https://www.baidu.com"
    driver.get(url)
    driver.implicitly_wait(20)
    # 鼠标移动到“设置”按钮
    mouse = driver.find_element_by_link_text("设置")
    ActionChains(driver).move_to_element(mouse).perform()
    driver.find_element_by_link_text("搜索设置").click()
    # 通过text:select_by_visible_text()
    s = driver.find_element_by_id("nr")
    Select(s).select_by_visible_text("每页显示50条")

    # # 分两步:先定位下拉框,再点击选项
    # s = driver.find_element_by_id("nr")
    # s.find_element_by_xpath("//option[@value='50']").click()

    # # 另外一种写法
    # driver.find_element_by_id("nr").find_element_by_xpath("//option[@value='50']").click()

    # # 直接通过xpath定位
    # driver.find_element_by_xpath(".//*[@id='nr']/option[2]").click()

    # # 通过索引:select_by_index()
    # s = driver.find_element_by_id("nr")
    # Select(s).select_by_index(2)

    # # 通过value:select_by_value()
    # s = driver.find_element_by_id("nr")
    # Select(s).select_by_value("20")

  • 相关阅读:
    indy Sftp 编程 ftp安全访问
    关于MySql里的字段
    php---魔术方法(__tostring(),__set_state())
    看了这个才发现jQuery源代码不是那么晦涩
    JS的Document属性和方法小结
    JS的Document属性和方法
    原始JS选择器使用方法总结
    docker 镜像配置
    Docker部署SpringBoot项目
    springboot 和spring cloud 博客分享
  • 原文地址:https://www.cnblogs.com/wanghaihong200/p/8462897.html
一二三 - 开发者的网上家园