如何处理使用selenium python时出现的筛选器框?
我使用如何处理使用selenium python时出现的筛选器框?,python,selenium,automation,Python,Selenium,Automation,我使用seleniumpython进入chrome中的网页。进入一个页面后,我点击一个叫做“搜索”的项目。当我点击它时,filterbox如下所示 我应该怎么做才能单击“限制条件”date,并在from和to框中填入值,然后使用selenium python提交?抱歉,我是新来的selenium,我找不到任何满足我要求的示例。此筛选器框没有与之关联的URL 以下是我找到的后端源代码: <div class="hd" id="alert_search_dialog_h" style="cu
seleniumpython
进入chrome
中的网页。进入一个页面后,我点击一个叫做“搜索”的项目。当我点击它时,filterbox
如下所示
我应该怎么做才能单击“限制条件”date
,并在from
和to
框中填入值,然后使用selenium python
提交?抱歉,我是新来的selenium
,我找不到任何满足我要求的示例。此筛选器框没有与之关联的URL
以下是我找到的后端源代码:
<div class="hd" id="alert_search_dialog_h" style="cursor: move;">
Search Criteria
</div>
<form action="/portal/alerts" id="alert_search_form" method="get" onsubmit="new Ajax.Request('/portal/alerts', {asynchronous:true, evalScripts:true, parameters:Form.serialize(this)}); return false;"> <input id="search_startTimeXml" name="search[startTimeXml]" type="hidden">
<input id="search_endTimeXml" name="search[endTimeXml]" type="hidden">
<input id="search_limit" name="search[limit]" type="hidden" value="50">
<input id="search_offset" name="search[offset]" type="hidden" value="0">
<fieldset><legend><input class="restrict_checkboxes" id="include_id" name="include_id" onclick="javascript: admin.alerts.SearchDialog.disableByCheckbox(this, "id_field");" type="checkbox" value="1">Restrict by ID</legend>
<div id="id_field" class="disabled">
<label for="alert_id">Alarm ID</label>
<input id="search_alert_id" name="search[alert_id]" type="text" disabled="">
</div>
</fieldset>
<fieldset><legend><input class="restrict_dropdown" id="include_route" name="include_route" onclick="javascript: admin.alerts.SearchDialog.disableByCheckbox(this, "type_drop_down_list");" type="checkbox" value="1">Restrict by route</legend>
<input id="search_route_min_distance" name="search[route_min_distance]" type="hidden">
<input id="search_route_max_distance" name="search[route_max_distance]" type="hidden">
<input id="search_route_min_velocity" name="search[route_min_velocity]" type="hidden">
<input id="search_route_max_velocity" name="search[route_max_velocity]" type="hidden">
<div id="type_drop_down_list" class="dropdown_list disabled">
<table>
<tbody><tr>
<th>Route ID</th>
<td>
<select id="search_route_id" name="search[route_id]" onchange="change_route_directions(this.value)"><option value="">--All--</option>
</select>
</td>
</tr>
<tr>
<th>Route direction</th>
<td>
<select id="search_route_direction" name="search[route_direction]"><option value="">--All--</option>
</select>
</td>
</tr>
<tr>
<th>Distance(<span>m</span>)</th>
<td>
min
<input id="search_route_min_distance_" name="search[route_min_distance_]" size="8" type="text" disabled="">
max
<input id="search_route_max_distance_" name="search[route_max_distance_]" size="8" type="text" disabled="">
</td>
</tr>
<tr>
<th>
Velocity (m/s):
</th>
<td>
min
<input id="search_route_min_velocity_" name="search[route_min_velocity_]" size="8" type="text" disabled="">
max
<input id="search_route_max_velocity_" name="search[route_max_velocity_]" size="8" type="text" disabled="">
</td>
</tr>
</tbody></table>
</div>
</fieldset>
<fieldset><legend><input class="restrict_checkboxes" id="include_type" name="include_type" onclick="javascript: admin.alerts.SearchDialog.disableByCheckbox(this, "type_check_box_list");" type="checkbox" value="1">Restrict by alarm type</legend>
<div id="type_check_box_list" class="checkbox_list disabled" style="max-height:100px;-webkit-columns: 100px 2;">
<input id="search_name_" name="search[name][]" type="checkbox" value="digging_alert" disabled="">
Digging<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="fibre_break_alert" disabled="">
Fibre Break<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="helios" disabled="">
Helios Unit Failure<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="mech_digging_alert" disabled="">
Mechanized Digging<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="panoptes" disabled="">
Panoptes Failure<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="unknown_alert" disabled="">
Unknown<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="vehicle_alert" disabled="">
Vehicle<br>
<input id="search_name_" name="search[name][]" type="checkbox" value="walk_alert" disabled="">
Walking<br>
</div>
</fieldset>
<fieldset><legend><input class="restrict_checkboxes" id="include_threat" name="include_threat" onclick="javascript: admin.alerts.SearchDialog.disableByCheckbox(this, "threat_check_box_list");" type="checkbox" value="1">Restrict by threat level</legend>
<div id="threat_check_box_list" class="checkbox_list disabled" style="-webkit-columns: 100px 2;">
<input id="search_threat_level_" name="search[threat_level][]" type="checkbox" value="red" disabled="">
Red<br>
<input id="search_threat_level_" name="search[threat_level][]" type="checkbox" value="amber" disabled="">
Amber<br>
<input id="search_threat_level_" name="search[threat_level][]" type="checkbox" value="green" disabled="">
Green<br>
<input id="search_threat_level_" name="search[threat_level][]" type="checkbox" value="clear" disabled="">
Clear<br>
</div>
</fieldset>
<fieldset><legend><input class="restrict_checkboxes" id="include_status" name="include_status" onclick="javascript: admin.alerts.SearchDialog.disableByCheckbox(this, "status_check_box_list");" type="checkbox" value="1">Restrict by alarm status</legend>
<div id="status_check_box_list" class="checkbox_list disabled" style="-webkit-columns: 100px 3;">
<input id="search_status_" name="search[status][]" type="checkbox" value="acknowledged" disabled="">
Acknowledged<br>
<input id="search_status_" name="search[status][]" type="checkbox" value="new" disabled="">
New<br>
<input id="search_status_" name="search[status][]" type="checkbox" value="resolved" disabled="">
Resolved<br>
</div>
</fieldset>
<fieldset><legend><input class="restrict_checkboxes" id="include_date" name="include_date" onclick="javascript: admin.alerts.SearchDialog.disableByCheckbox(this, "date_table");" type="checkbox" value="1">Restrict by date</legend>
<table id="date_table" class="disabled">
<tbody><tr>
<td><label for="start_time">From</label></td>
<td> <input type="text" name="start_time" id="start_timeId" size="12" value="" disabled="">
<img alt="Img" id="start_timeImg" onmouseout="this.style.background='';" onmouseover="this.style.background='red';" src="/javascripts/fotech/common_gui/jscalendar/img.gif?1570706592" style="cursor: pointer;" title="Select min date/time">
<script type="text/javascript">
_fotechSetupCalendar('start_time',{});
</script>
</td>
<td><label for="end_time">To</label></td>
<td> <input type="text" name="end_time" id="end_timeId" size="12" value="" disabled="">
<img alt="Img" id="end_timeImg" onmouseout="this.style.background='';" onmouseover="this.style.background='red';" src="/javascripts/fotech/common_gui/jscalendar/img.gif?1570706592" style="cursor: pointer;" title="Select max date/time">
<script type="text/javascript">
_fotechSetupCalendar('end_time',{});
</script>
</td>
</tr>
</tbody></table>
</fieldset>
<table>
<tbody><tr>
<th><label for="search_order_by">Order by</label></th>
<td>
<select id="search_order_by" name="search[order_by]"><option value="time">Time</option>
<option value="name">Alarm type</option>
<option value="status">Status</option></select>
<select id="search_order_dir" name="search[order_dir]"><option value="asc">Ascending</option>
<option value="desc">Descending</option></select>
</td>
</tr>
<tr>
<td></td>
<td>
<input id="search_include_suppressed" name="search[include_suppressed]" type="checkbox" value="1">
<label for="search_include_suppressed">Include suppressed</label>
</td>
</tr>
</tbody></table>
</form>
搜索条件
受ID限制
报警ID
路线限制
路由ID
--全部--
路线方向
--全部--
距离(米)
闵
最大值
速度(m/s):
闵
最大值
按报警类型限制
挖掘
纤维断裂
Helios装置故障
机械化挖掘
Panoptes故障
未知
车辆
步行
受威胁级别限制
红色
琥珀色
绿色
清除
受报警状态限制
已确认
新的
已解决
按日期限制
从…起
_fotechSetupCalendar('start_time',{});
到
_fotechSetupCalendar('end_time',{});
订购人
时间
报警类型
地位
提升
下降的
包括抑制
您需要的是首先使用Chrome了解站点结构,了解您想要单击什么以及如何单击,然后才编写将使用selenium运行的代码
ChromeDevTools是一套直接内置于GoogleChrome浏览器中的web开发工具
当您想要使用DOM或CSS时,右键单击页面上的一个元素并选择Inspect跳转到Elements面板。或者按Command+Option+C(Mac)或Control+Shift+C(Windows、Linux、Chrome操作系统)
您尝试了什么?请发布相应的html源代码,你能告诉我整个过程吗?请通过检查过滤区域添加更多代码和html源代码。