如何使用 JavaScript 在 LinkBut​​ton 模式下触发 BulletedList？

Question

我在 asp.net 中有一个 BulletedList 设置为 DisplayMode="LinkBut​​ton"。 我想从 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-script ，如下所示：

__doPostBack('MyLovelyBulletedList', '0');

如 所建议的亚历山大·乔舍夫