Dieser einfache HTML-Code funktioniert in keinem Browser außer mozilla. Warum?

Question

Warum funktioniert die folgende einfache Auswahltaste auf Mozilla, aber nicht auf Chrome oder Safari? und wenn ich Work sage, meine ich, wird die Funktion getHistory erfolgreich auf Mozilla, aber nicht auf anderen Browsern aufgerufen.

<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 funktioniert nicht auf Optionen in IE und Chrome. Sie können diesen Link für weitere Details verweisen: onclick on option tag not working on IE and chrome

Sie können Wert in Optionen binden und sie bei Change-Ereignis von auswählen. Beispielcode unten:

<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); 
    } 
}