无法触发链接上的点击事件

Question

我的问题是我得到了2个这样生成的aspx控件：

<a id="sortByDate" href="javascript:__doPostBack('sortByDate','')">Date</a>
<a id="sortByLastName" href="javascript:__doPostBack('sortByLastName','')">Last name</a>

所以这些链接允许您对结果进行排序。 我试图把它放在一个组合框中，而不是使用链接。

所以我这样做了

<select id="sortBySelect" onchange="javascript:sortBy(this);">
       <option value="sortByLastName">Last name</option>
       <option value="sortByDate">Date</option>
</select>

有了这个javascript函数

function sortBy(sel) {
    var id = sel.value;
    $("#" + id).trigger("click");
}

因此，当您更改组合框中的选定元素时，我想触发链接上的单击事件以调用dopostback进行排序。

到目前为止它什么也没做。 我尝试了“点击”，“onclick”，“onClick”，但没有任何效果。 不幸的是，这是针对IE怪癖模式。

我知道，这真的不优雅，但我的时间很短，我需要一些快速而又脏的东西。 我将最终制作一个aspx控件来处理这个问题。

任何想法如何使我的工作在怪癖模式？

谢谢

Answer 1

尝试更改页面的位置：

document.location = $("#" + id).attr('href');

Answer 2

为什么不直接触发__doPostBack ：

function sortBy(sel) {
    var id = sel.value;
    __doPostBack(id,'');   
}

Answer 3

使用：

function sortBy（sel）{ var id = sel.value; alert（$（“＃”+ id）。length）; //仅用于符合元素的存在。 $（“＃”+ id）.click（）; }

实际上，jQuery只触发绑定到元素的任何事件 。 您正在尝试调用href操作。

如果您不想更改标记，可以尝试此解决方案 。

否则，您将不得不更改您的html标记以绑定javascript事件，然后尝试触发它。

祝好运！

Answer 4

一切都按预期工作！

JSFiddle证明。

确保你有一个id为sortById和sortByLastName的元素！

---

的JavaScript / jQuery的

$(document).ready(function(){
    $('#sortByDate').click(function(){
        alert('Sort By Date Click Event fired!');
    })
});
function sortBy(sel) {
    var id = sel.value;
    $("#" + id).trigger("click");
}

---

替代

强制window.location更改

的JavaScript / jQuery的

function sortBy(sel) {
    var id = sel.value;
   window.location =  $("#" + id).attr('href');
}

注意：您不会在JSFiddle中看到任何更改：

Refused to display 'https://www.google.ca/' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.