Selenium之老中医教你(单/多/下拉框)选项定位

发表于：2019-7-24 13:40

作者：王翔来源：清风Python

Selenium

　　今天我们来学习selenium的单选、多选、下拉框选项定位。但其实这东西，没什么太多说的，又比较枯燥，那该怎么让这一集selenium的课程变得有趣呢？有请老中医，哈哈....

　　老中医.gif

　　怎么样，这个野广告做的还不错吧，你们给多少分？至于为什么要自己写一个html的页面，一是懒得找什么网页又有下拉框，又有单/多选。二是最近更多的想练习写一些web界面，最重要的是怕大家觉得selenium系列的文章没意思，所以搞点噱头呗。哈哈....

　　页面实现起来比较简单，样式用Bootstrap即可，至于这个城中村经典广告牌，只要简单的使用jQuery添加和删除css样式就OK了。

　　代码如下：

<!DOCTYPE html>

　　<head>

　　body {

　　height: 500px;

　　}

　　.container {

　　max-width: 500px;

　　height: 450px;

　　border: 2px solid grey;

　　border-radius: 5px;

　　}

　　.ad {

　　text-align: center;

　　font-size: 25px;

　　background-color: black;

　　color: red;

　　margin-bottom: 20px;

　　}

　　.chuibi {

　　display: inline-block;

　　}

　　.adplus {

　　color: black;

　　}

　　.footer {

　　text-align: center;

　　}

　　</style>

　　</head>

　　<body>

　　<div class="ad ">祖传男科老中医

　　<div class="small chuibi"> 【华佗在世，扁鹊转生】

　　</div>

　　姓名：

　　</div>

　　</div>

　　性别：

　　</div>

　　</select>

　　</div>

　　<div><label class="control-label">如何了解我院：</label></div>

　　<input type="radio" name="access" id="inlineRadio2" value="朋友介绍"> 朋友介绍

　　</label>

　　<input type="radio" name="access" id="inlineRadio1" value="野广告">野广告

　　</label>

　　</div>

　　<div><label class="control-label">有哪些病症：</label></div>

　　<label>

　　全身乏力

　　</label>

　　</div>

　　<label>

　　食欲不振

　　</label>

　　</div>

　　<label>

　　腰膝酸软

　　</label>

　　</div>

　　<label>

　　失眠多梦

　　</label>

　　</div>

　　<div><label class="control-label">简要描述你的病情：</label></div>

　　</div>

　　</form>

　　?2019-清风Python：<a href="https://www.jianshu.com/u/d23fd5012bed">联系我们</a>

　　</div>

　　setInterval(function() {

　　var title = $('.ad')

　　if (title.hasClass('adplus')) {

　　title.removeClass('adplus')

　　} else { $('.ad').addClass('adplus') }

　　}, 600);

　　</script>

　　</body>

　　</html>

　　入主题

　　先来说说下拉框吧，网上很多的帖子说下拉框的选择必须要先定位到下拉框体，然后点击框体，才能获取选项并选中，其实不然。90%的下拉框都会提前将option内容保存在html中，只有极少情况时通过AJAX请求的(这种情况之后的课程说....)。所以针对这种选项类的使用，推荐使用xpath和css_selector去定位。因为可变概率较小....

　　至于单选和多选，主要是通过driver.find_elements_by_tag_name('input')，然后进行批量循环判断input选项完成选择。

　　说了这么多，不如直接看代码来的直观：

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

　　# @Author : 王翔

　　# @JianShu : 清风Python

　　# @Date : 2019/6/22 22:04

　　# @Software : PyCharm

　　# @version ：Python 3.7.3

　　# @File : Day_3.1_select.py

　　from selenium import webdriver

　　import time

　　# 本地文件，根据你们的位置，自行修改

　　URL = 'file:///D:/Codes_Repository/Python/SeleniumTest/Day4_selenium定位下拉框/index.html'

　　options = webdriver.ChromeOptions()

　　# 调整窗口大小，主要是为了使减小gif文件大小，方便截图上传

　　options.add_argument('window-size=650,650')

　　options.add_argument('disable-infobars')

　　driver = webdriver.Chrome(options=options)

　　driver.get(URL)

　　driver.find_element_by_id('name').send_keys("隔壁老王")

　　time.sleep(1)

　　sex = driver.find_element_by_id('sex')

　　sex.find_element_by_css_selector("[value='男']").click()

　　# driver.find_element_by_xpath('//*[@id="sex"]/option[2]').click()

　　time.sleep(1)

　　input_tags = driver.find_elements_by_tag_name('input')

　　for input_tag in input_tags:

　　if input_tag.get_attribute('type') == 'radio' and input_tag.get_attribute('value') == '野广告':

　　input_tag.click()

　　time.sleep(1)

　　input_tags = driver.find_elements_by_tag_name('input')

　　for input_tag in input_tags:

　　if input_tag.get_attribute('type') == 'checkbox' and input_tag.get_attribute('value') != '腰膝酸软':

　　input_tag.click()

　　time.sleep(2)

　　driver.close()

　　看下隔壁老王前来就诊的效果：

　　隔壁老王来就诊.gif

　　由于页面只有一组单选和多选，所以无需多做判断，但如果网页上存在多组的单选和多选。那还需要针对他们自身的特性进行分析，知识是死的，要学会灵活运用才行....

上文内容不用于商业目的，如涉及知识产权问题，请权利人联系博为峰小编(021-64471599-8017)，我们将立即处理

《2023软件测试行业现状调查报告》独家发布~

搜索风云榜

测试技术了解

2023测试行业调查报告

挣点稿费

AI与软件测试

文章资料精选