时间戳

首页 > 解决方案 > 如何使用鼠标单击/选择选项？

javascript - 如何使用鼠标单击/选择选项？

问题描述

<div class="form-dropdown">

<select value="" aria-labelledby="timeWindows_label" aria-invalid="false" aria-required="true" aria-describedby="timeslot-error" class=" form-dropdown-select" id="timeWindows">

<option value="8-12:30-12:45">12:30 – 12:45</option>
<option value="8-12:45-13:00">12:45 – 13:00</option>
<option value="8-13:00-13:15">13:00 – 13:15</option>

我想通过js选择选项，但是失败了。

我使用了 document.getElementById('timeWindows').value = '8-12:30-12:45'，它返回错误（未选择时间段）

我也用了document.getElementById('timeWindows')[1].selected = true，还是一样。

显示的选项已更改，但代码返回错误并且没有任何更改。

错误代码如下

<div class=" is-error form-dropdown">
<select value="" aria-labelledby="timeWindows_label" aria-invalid="true" aria-required="true" aria-describedby="timeslot-error" class=" form-dropdown-select" id="timeWindows">

<option value="8-12:30-12:45">12:30 – 12:45</option>
<option value="8-12:45-13:00">12:45 – 13:00</option>
<option value="8-13:00-13:15">13:00 – 13:15</option>

这是我使用鼠标单击选项时的成功示例。

<div class="form-dropdown">
<select value="8-12:45-13:00" aria-labelledby="timeWindows_label" aria-invalid="false" aria-required="true" aria-describedby="timeslot-error" class=" form-dropdown-select" id="timeWindows">
<option value="8-12:30-12:45">12:30 – 12:45</option>
<option value="8-12:45-13:00" selected="true">12:45 – 13:00</option>
<option value="8-13:00-13:15">13:00 – 13:15</option>

我在源码中也发现了timeslot错误，但是不知道代码指的是什么。

"timeSlotNotSelectedError":{"microEvents":[{"key":"eVar25","value":"transaction.co.fulfillment.timeslot.error.timeslot_not_selected","slot":"Pickup"}]},

标签： javascriptselectconsole

解决方案

检查这个jsfiddle：https ://jsfiddle.net/zhuhang95/wjgra9fL/3/

您的代码在 jsFiddle 中运行良好。确保使用此方法更改选项：

document.getElementById('timeWindows').selectedIndex = 0;

如果您的代码看起来完全一样，但仍然出现错误，那么问题出在代码的其他地方。

有关如何使用 JS 选择选项的更多信息：https ://stackoverflow.com/a/7373115/6122411

推荐阅读