jQuery - 更改SELECT中的值不会触发AJAX事件

时间:2013-12-03 00:32:09

标签: javascript jquery ajax

我正在拼命想弄明白如何在this page上正确触发AJAX事件。目前我已将其设置为在页面加载时,顶部窗口小部件中的年份应通过以下代码设置为2003 ...

if ((jQuery("div.amfinder-horizontal td:nth-child(1) select").val() == "0")) {

    jQuery("div.amfinder-horizontal td:nth-child(1) select option").each(function() { this.selected = (this.text == "2003"); });

    jQuery("div.amfinder-horizontal td:nth-child(1) select option").change();

    console.log('Set the year!');
}

它似乎在视觉上有效,但你不能继续选择'Make'(链中的下一个),除非你回到Year并用鼠标选择一个值。顶部的小部件是用Prototype构建的,但我想我可以用jQuery以相同的方式触发事件。我这么想是错误的,否则这是多么荒谬的事呢?

谢谢!

1 个答案:

答案 0 :(得分:0)

试试这个:

if ((jQuery("div.amfinder-horizontal td:nth-child(1) select").val() == "0")) {

    jQuery("div.amfinder-horizontal td:nth-child(1) select option").each(function() { this.selected = (this.text == "2003"); });

    //bind to select, not change
    jQuery("div.amfinder-horizontal td:nth-child(1) select").change(); 

    console.log('Set the year!');
}