この単純なHTMLコードは、Mozilla以外のブラウザでは機能しません。どうして？

Question

次の単純な選択ボタンはmozillaでは動作しますが、クロムやサファリでは動作しません。私が仕事をすると、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); 
    } 
}