1

我刚刚开始学习 AJAX，并且正在尝试构建一个从数据库中提取信息的级联下拉列表。我的 AJAX.Updater 代码有效，但不仅适用于其中一个下拉菜单。如何进行多个 AJAX.Updater 调用？

<script type="text/javascript" src="jQuery/jquery-latest.js"></script>
<script type="text/javascript" src="jQuery/prototypejs.js"></script>
<script language="javascript">
jQuery(document).ready(function()
{
  jQuery('#regiondropdown').change(function() {
  dropdowns(jQuery(this).val(),"foo");
  });

  jQuery('#foodropdown').change(function() {
  dropdowns(jQuery(this).val(),"bar");
  });

}
);

function dropdowns(str,type)
  {
      if (type=="foo") {
        new Ajax.Updater('foo', 'foo_dropdown.php', { method: 'get', parameters: {foo: str} });
      } else if (type=="bar") {
        new Ajax.Updater('bar', 'bar_dropdown.php', { method: 'get', parameters: {bar: str} });
      }
  }

</script>
4

1 回答 1

0

我看不出它是什么，所以我建议你启动你的调试器。
1) 检查两种情况下 jQuery(this).val() 的值。“this”可能不是您在 Javascript 中所相信的。
2) 检查如果您在下拉菜单中切换 if.. 和 else... 会发生什么。也许有一个 (, { 或 ; 不合适。

高温高压

于 2012-10-22T19:56:23.150 回答