下拉选择框如何变成“小猫咪” | selenium小技巧

本文作者：任   哲， 中南财经政法大学经济学院

本文编辑：尚晨曦

技术总编：王子一

首先，打开携程的首页，以目的地对应选择框为例。先按下Ctrl+Shift+C，再点击目的地对应选择框，就可以找到对应源代码了，如下图红框中所示。

可以看到，该选择框源代码中的标签input以及各种属性，在这些属性之中我们需要的是name属性与_cqnotice属性，利用name属性定位选择框，利用_cqnotice属性来了解对输入信息的要求，比如这里我们需要输入中文或拼音。对应代码如下：

我们再按下Ctrl+Shift+C，点击入住日期对应选择框，得到对应源代码如下：

看到其name属性是”checkIn“，_cqnotice属性"yyyy-mm-dd"。也就是说，输入信息要写出如2021-04-21的格式。同理，退房日期要求和入住信息要求一样。处理这两个下拉框的代码如下：

当然并不是所有的选择框都能通过进行元素定位并输入信息的，在无法使用元素定位时，还可以通过XPath进行定位。比如本文之中住客数对应选择框的源代码如下：

在选择框内目标选项之前，需要对选择框进行定位，这里使用元素定位Select(driver.find_element_by_id('J_roomCountList'))定位到房间数对应的选择框，再在随后使用Select模块。当然也可以将元素定位改为XPath定位。之后大家通过观察源代码可以发现，下拉选择框中的选项都有对应的option标签，标签中包含了该选择框下所有选项的信息。这样就可以利用这些信息进行对框内选项定位。Select模块提供了三种确定框内选项的方式，具体如下：

索引定位就是按照目标选项的索引进行定位，索引是从0开始。本例中，选项1间、2间、3间选项对应的索引分别为0、1、2。

value值定位就是根据option标签的属性value进行定位。本例中，选项1间、2间、3间选项对应的value值分别为"1"、"2"、"3"。

（3）文本定位

文本定位就是根据option标签中间的文本值进行定位。本例中，选项1间、2间、3间选项对应的文本值分别为"1间"、"2间"、"3间"。

在最后，我们利用上文中的知识进行一次完整的模拟，来对今天的内容进行回顾。模拟的内容是邀请一个三口之家，要在五一期间来武汉游玩三天，并希望住在光谷附近。具体代码如下：

运行后效果如下图所示：

好了，以上就是今天的全部内容了，今天的内容虽然简单，但却是处理下拉选择框的基本原理，无论你遇到的下拉选择框有多么花里胡哨，掌握了上述内容，你就一定能将“纸老虎”变成“小猫咪”。现在离五一小长假也只有十天左右的时间了，大家根据上面的程序，用selenium去体验自动化查询酒店的感觉吧。

欢迎大家点赞、评论、转发呦~