onclick 功能在 Chrome 浏览器中不起作用

Question

这在 Internet Explorer 和 Firefox 中工作正常，但在 Chrome 浏览器

中不工作

<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

<option> 元素在大多数浏览器中不会触发点击事件。您可以使用 select.

的 onchange 事件

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 2

我还有一个建议

<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 3

对 <select></select> 标签使用 onchange() 而不是 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>

onclick 功能在 Chrome 浏览器中不起作用

Onclick function is not working in Chrome browser

html

javascript

google-chrome

cross-browser