Question

为什么以下简单的选择按钮适用于mozilla但不适用于chrome或safari。当我说工作时我的意思是，getHistory函数在mozilla上成功调用，但在其他浏览器上没有调用。

<select id="history" style="width: 10%; margin-top: 150px; margin-left: 1200px;" >
  <option>History</option>
  <option onclick="getHistory(0.5);"> 2 weeks      </option>
  <option onclick="getHistory(1);">   1 month      </option>
  <option onclick="getHistory(3);">   3 months     </option>
  <option onclick="getHistory(6);">   6 months     </option>
  <option onclick="getHistory(0);">   Adam and Eve </option>
  <option onclick="getCurrent();">    Current      </option>
</select>

Answer 1

JavaScript onclick不适用于IE和Chrome中的选项。您可以参考此链接以获取更多详细信息：onclick on option tag not working on IE and chrome

您可以在选项中绑定值，并在select的change事件中获取它们。示例代码如下：

<select id="history" style="width: 10%; margin-top: 150px; margin-left: 1200px;" onchange="selectChangeEvent(this.value)">
  <option value="History">History</option>
  <option value="0.5">2 week</option>
  <option value="1">1 month</option>
  <option value="3">3 months</option>
  <option value="6">6 months</option>
  <option value="3">Adam and Eve </option>
  <option value="Current">Current</option>
</select>

//JavaScript code
function selectChangeEvent(_selectedVal) {
     if(_selectedVal == "Current") {
          getCurrent();
     }
     else {
          getHistory(_selectedVal);
     }
}

除了mozilla之外，这个简单的HTML代码不适用于任何浏览器。为什么？

1 个答案: