Javascript代码在控制台中工作但不在HTML中(单击函数)

时间:2015-04-24 11:20:26

标签: javascript jquery html dom

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

以上代码在插入谷歌Chrome控制台时有效 - 它会显示'你好'的下拉列表。 - 当我单击整个表格行时,我尝试做的是打开一个下拉列表,使用以下代码

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

以下是我试图激活

的下拉菜单
<a href="#" id="hello" data-toggle="dropdown" class="btn dropdown-toggle"><i class="icon-cog">

事实上,我确实看到单击该行时单击了该按钮,但下拉列表未切换。什么是切换下拉列表的最佳方式(如果我只是点击它,我就会尝试使用javascript来切换它)

谢谢!

3 个答案:

答案 0 :(得分:0)

尝试:

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

答案 1 :(得分:0)

我不确定情况,但这就是我想出来的。请注意,我已将tr更改为p以进行演示。改回来以满足您的需求。

&#13;
&#13;
var helloID = document.getElementById("hello");

function initDropdown() {
    helloID.click();
}

helloID.addEventListener("click", function(evt) {
    alert ("Click triggered on ID : " + evt.target.id);
});
&#13;
<p onclick="initDropdown();">Click Me</p>
<a href="#" id="hello" data-toggle="dropdown" class="btn dropdown-toggle"></a>
&#13;
&#13;
&#13;

答案 2 :(得分:-1)

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


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