当用户单击DIV时,如何复制onclick按钮结果?

时间:2014-06-07 10:37:48

标签: javascript jquery

我还有一个文本框,用户可以在其中输入名称,并通过查询返回与该用户关联的对象,并使用

显示在html页面上

<div id="FriendsStuff"></div>

搜索功能的代码是

$(document).ready(function () {
    $(document).on('click', '.username, #find_button', function (event) {
        //debugger;
        event.preventDefault();
        friendName = $(this).is("button") ? null : $(this).text();
        friendFeed(friendName);
    });
});

我还有一个div,它在html页面上列出了用户(而不是必须搜索它们)

<div id="container"></div>

由此填充:

$('#container').append("<img class='images' src='" + imageURLs[j] + "'/>");  
     $('#container').append("<div class='username'>'" + Username[j] + "'</div>");

我希望用户做的是点击页面上显示的名称,并复制与用户点击“查找”按钮时相同的操作。基本上将相关结果返回到页面。

示例页面在这里,http://www.kudosoo.com/friendslist.html所以例如用户点击“dave”,结果就像他们在文本框中输入“dave”并单击“find”

我怎样才能做到这一点?我是否在onclick函数中引用容器div?

1 个答案:

答案 0 :(得分:0)

我没有在那个链接上看到戴夫,我很难跟踪你的问题,但我相信你正在寻找.val.trigger

这将设置输入的值。

$('#friendsearch').val('Dave');

然后触发点击。

$('.btn-login').trigger('click');

您应该考虑将这些元素放入表单中。