调用OnChange时运行jquery函数

Question

用户在下拉菜单中选择一个值时，需要运行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”

伊恩，很遗憾，这行不通。

梅德，你能再解释一下吗？

Answer 1

那没有道理。 如果您有一个名为selectMenu的函数，这将很有意义。 无论如何，请确保已在DOM上完成它。 $(function(){ /* paste your code here */ }); 并确保您不会打错字。

Answer 2

您必须将jquery代码放入准备好的文档包装器中：

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

Answer 3

您确定您有一个id为selectMenu的元素吗？ 这应该工作：

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

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