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

【问题标题】：Onclick function is not working in Chrome browseronclick 功能在 Chrome 浏览器中不起作用
【发布时间】：2017-11-11 01:23:36
【问题描述】：

这在 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>

【问题讨论】：

只显示你的view_graph函数..你在view_graph函数上有一个错误..所以它不会执行这个函数..只返回function is not defined
onclick on option tag not working on IE and chrome的可能重复

标签： javascript html google-chrome cross-browser

【解决方案1】：

<option> 元素在大多数浏览器中不会触发点击事件。您可以使用 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?

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

使用onchange() 代替<select></select> 标记而不是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>

【讨论】：

它可以正常工作，但我想直接调用函数
@WebDeveloperPhp 您可以根据条件在 view_graph() 中调用所需的函数。