Onclick-Funktion funktioniert nicht in Chrome-Browser

Question

Dies funktioniert gut in Internet Explorer und Firefox, aber nicht funktioniert in Chrome-Browser

<select name="Consolidate Report" class="input"> 
 
    <option value="">Consolidate Report</option> 
 
    <option value="" onclick="view_graph()">View Graph</option> 
 
    <option value="" onclick="export_graph()">Export Excel</option> 
 
</select>

Answer 1

Ich habe einen anderen Vorschlag

<select onchange="valueChanged(this.value);" name="Consolidate Report" class="input"> 
     <option value="">Consolidate Report</option> 
     <option value="view_graph" >View Graph</option> 
     <option value="export_graph">Export Excel</option> 
</select> 

     <script> 

     function valueChanged(value){ 

      if(value == 'view_graph') 
      { 
       alert('view_graph'); 
      }else if(value == 'export_graph') 
      { 
       alert('export_graph'); 
      } 
      } 
     </script> 

Answer 2

<option> Elemente Feuer nicht das Click-Ereignis in den meisten Browser. können Sie mit onchange-Ereignis für auswählen gehen.

http://webbugtrack.blogspot.in/2007/11/bug-280-lack-of-events-for-options.html

How to use onClick() or onSelect() on option tag in a JSP page?

Answer 3

Verwenden onchange() für <select></select>-Tag statt onclick().

function view_graph(val){ 
 
alert(val); 
 
}

<select name="Consolidate Report" class="input" id="x" onchange="view_graph(this.value)"> 
 
    <option value="0">--Select--</option> 
 
    <option value="report">Consolidate Report</option> 
 
    <option value="graph">View Graph</option> 
 
    <option value="excel">Export Excel</option> 
 
</select>