如何使用javascript在LinkButton模式下触发BulletedList？

Question

我有一个BulletedList in asp.net，它被设置为DisplayMode="LinkButton“。我想从javascript触发第一个“子弹”，这能做到吗？如果是，怎么做？

Answer 1

假设你有BulletedList

<asp:BulletedList runat="server" ID="MyLovelyBulletedList" DisplayMode="LinkButton">
    <asp:ListItem Text="My Lovely Text 1" />
    <asp:ListItem Text="My Lovely Text 2" />
</asp:BulletedList>

..。然后，您可以触发"onclick“事件(跨浏览器)：

var links = document.getElementById('<%= MyLovelyBulletedList.ClientID %>').getElementsByTagName('a');

var targetLink = links[0];

if (targetLink.fireEvent)
{
    // IE
    targetLink.fireEvent("onclick");
}
else if (targetLink.dispatchEvent)
{
    // W3C
    var evt = document.createEvent("MouseEvents");

    evt.initMouseEvent("click", true, true, window,
        0, 0, 0, 0, 0, false, false, false, false, 0, null);

    targetLink.dispatchEvent(evt);
}

Answer 2

类似于Alexander所指出的，但您可以使用jQuery触发事件，并依赖他们的跨浏览器支持，而不是自己维护它。

$('#<%= MyLovelyBulletedList.ClientID %>')
    .contents()
    .find('a:first')
    .trigger('click');

Answer 3

经过大量测试，似乎唯一依赖的方法是手动触发__doPostBack-脚本，如下所示：

__doPostBack('MyLovelyBulletedList', '0');

正如Alexander Gyoshev所建议的