调用 OnChange 时运行 jquery 函数答案

【问题标题】：Running jquery function when OnChange is called调用 OnChange 时运行 jquery 函数
【发布时间】：2010-11-07 21:14:29
【问题描述】：

当用户在下拉菜单中选择一个值时，需要运行 toggleSlide() jquery 函数。

在 Firebug 中，我收到错误“selectMenu 不是函数”，但我不知道如何纠正这个错误，因为我对 javascript 非常陌生。

这是我的 Javascript：

<script type="text/javascript">
  $("#selectMenu").bind("change", function () {
        slideToggle();
    });
  </script>

谢谢！

编辑：

这里是 slideToggle()：

<script type="text/javascript">
$("#slideToggle").click(function () {
   $('.slideTogglebox').slideToggle();
});

</script>

是的，jquery 已正确加载，因为我还有其他 jquery 元素在工作。另外，我确实将选择菜单的 id 设置为“selectMenu”

Ian，很遗憾这不起作用。

Meder，你能再解释一下吗？

【问题讨论】：

请将代码也发布到 slideToggle()。
两件事 - 1) 您是否正确加载了 jQuery，2) 您的页面上是否有 ID 为“selectMenu”的项目。

标签： javascript jquery html function firebug

【解决方案1】：

您必须将您的 jquery 代码放入文档就绪包装器中：

$(document).ready ( function () {
    $("#selectMenu").bind("change", function () {
        slideToggle();
    });
});

【讨论】：

【解决方案2】：

这没有意义。如果您有一个名为 selectMenu 的函数，那将是有意义的。无论如何，请确保您在 DOM 就绪 $(function(){ /* paste your code here */ }); 上执行此操作，并确保您没有打错字。

【讨论】：

【解决方案3】：

你确定你有一个ID为selectMenu的元素吗？这应该有效：

<select id="selectMenu">
    <option>...</option>
</select>

<script type="text/javascript">
$(function() {
    $("#selectMenu").bind("change", function () {
        slideToggle();
    });
});
</script>

【讨论】：