Javascript代码可在控制台中使用，但不能在HTML中使用（单击功能）

Question

document.getElementById('hello').click();

上面的代码在插入google chrome控制台时有效-它显示了“ hello”的下拉列表-我想做的是使用以下代码在单击整个表格行时打开一个下拉列表

<tr onclick="document.getElementById('hello').click();">

这是我要激活的下拉菜单

<a href="#" id="hello" data-toggle="dropdown" class="btn dropdown-toggle"><i class="icon-cog">

实际上，当我单击该行时，确实看到单击了按钮，但是下拉菜单没有切换。 切换下拉菜单的最佳方法是什么（如果我简单地单击下拉菜单，则尝试使用javascript切换下拉菜单）

谢谢！

Answer 1

试试：

<tr onclick='$("#hello").trigger("click");'></tr>

Answer 2

我不确定场景，但这是我想出的。 请注意，我已将演示的tr更改为p 。 改回适合您的需求。

 var helloID = document.getElementById("hello"); function initDropdown() { helloID.click(); } helloID.addEventListener("click", function(evt) { alert ("Click triggered on ID : " + evt.target.id); }); 

 <p onclick="initDropdown();">Click Me</p> <a href="#" id="hello" data-toggle="dropdown" class="btn dropdown-toggle"></a> 

Answer 3

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>


        <tr onclick="$('#hello').click();">