python - 如何为网站上的下拉选项列表选择或传递值到隐藏类型?
问题描述
[selenium 和 HTML 非常新]
我想从网站中选择一个下拉菜单。type
是隐藏的。我只想通过male
或female
从下拉列表中选择或将其传递给value
变量,我该怎么做?
我使用 chrome 中的检查元素来确定下面的两行是选择值所需的行。
<div class="Select has-value is-clearable is-searchable Select--single">
<input name="customer.gender" type="hidden" value="female">
我从 chrome 获得了 xpath 并尝试传递一个值但没有工作:
gender = driver.find_element_by_xpath("//*[@id='app']/div/div[1]/div[4]/div/div[2]/form/div[1]/div/div[2]/div[3]/div[2]/div/span[2]/div/input")
gender.send_keys('male')
上述div
元素的整个 HTML 是:
<div class="Select has-value is-clearable is-searchable Select--single">
<input name="customer.gender" type="hidden" value="female">
<div class="Select-control">
<span class="Select-multi-value-wrapper" id="react-select-5--value">
<div class="Select-value">
<span class="Select-value-label" role="option" aria-selected="true" id="react-select-5--value-item">Female</span>
</div>
<div class="Select-input" style="display: inline-block;">
<input aria-activedescendant="react-select-5--value" aria-expanded="false" aria-haspopup="false"
aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;">
<div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none;"></div>
</div>
</span>
<span aria-label="Clear value" class="Select-clear-zone" title="Clear value">
<span class="Select-clear">×</span>
</span>
<span class="Select-arrow-zone">
<span class="Select-arrow"></span>
</span>
</div>
</div>
先感谢您。
编辑:
我点击下拉列表的 HTML 没有选择任何值:
<div class="Select is-searchable Select--single">
<div class="Select-control">
<span class="Select-multi-value-wrapper" id="react-select-5--value">
<div class="Select-placeholder">Select:</div>
<div class="Select-input" style="display: inline-block;">
<input aria-activedescendant="react-select-5--value" aria-expanded="false" aria-haspopup="false"
aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;">
<div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px;
overflow: scroll; white-space: pre; font-size: 14px;
font-family: Helvetica, Arial, sans-serif; font-weight: 400;
font-style: normal; letter-spacing: normal; text-transform: none;"></div>
</div>
</span>
<span class="Select-arrow-zone"><span class="Select-arrow"></span></span>
</div>
</div>
编辑2:
来自下拉列表中选择的值的 HTML
<div class="Select has-value is-clearable is-searchable Select--single">
<input name="customer.gender" type="hidden" value="male">
<div class="Select-control">
<span class="Select-multi-value-wrapper" id="react-select-5--value">
<div class="Select-value">
<span class="Select-value-label" role="option" aria-selected="true" id="react-select-5--value-item">Male</span>
</div>
<div class="Select-input" style="display: inline-block;">
<input aria-activedescendant="react-select-5--value" aria-expanded="false" aria-haspopup="false"
aria-owns="" role="combobox" value="" style="box-sizing: content-box; width: 5px;">
<div style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px;
overflow: scroll; white-space: pre; font-size: 14px;
font-family: Helvetica, Arial, sans-serif; font-weight: 400;
font-style: normal; letter-spacing: normal; text-transform: none;"></div>
</div>
</span>
<span aria-label="Clear value" class="Select-clear-zone" title="Clear value">
<span class="Select-clear">×</span>
</span>
<span class="Select-arrow-zone"><span class="Select-arrow"></span></span>
</div>
</div>
解决方案
您的下拉列表是一个 React 组件,我从这个站点获得了示例。
// click on dropdown to expand options
dirver.find_element_by_xpath("//span[@id='react-select-5--value']/..").click();
// choose option
dirver.find_element_by_xpath(
"//span[@id='react-select-5--value']/../.." +
"//div[@role='option'][text()='%s']".format("Male")).click();
node: 内的下拉选项<div class="Select-menu-outer">
,单击下拉菜单后该节点附加到页面,选择一个选项后从页面取消附加。
推荐阅读
- java - 如何在 java 中运行这个 python 脚本?
- tensorflow - 在 Python 中重塑图像和绘图
- amazon-web-services - CloudFormation 条件函数值基于参数
- javascript - Javascript以vali增量循环日期/时间
- c# - 如何使用 buttonclick 在不同的标签上显示增量文本框循环
- postgresql - PostgreSQL - 按array_position排序并在另一列上不同
- python - 返回:(__init__ 方法的参数,在 __init__ 方法中创建的属性的名称)
- javascript - JavaScript:在回调期间更新 DOM 属性
- python - 使用 RASA 的 API 的正确方法是什么(rasa.core.processor - 遇到异常)?
- python - 为什么我的 Google Colab 实例会因这种 numpy 的使用而崩溃?