调用OnChange时运行jquery函数

时间:2010-11-07 21:14:29

标签: javascript jquery html function firebug

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

伊恩,不幸的是,这不起作用。

梅德,你能解释一下吗?

3 个答案:

答案 0 :(得分:0)

这没有意义。如果你有一个名为selectMenu的函数,那将是有意义的。无论如何,请确保你在DOM准备好$(function(){ /* paste your code here */ });上做,并确保你没有拼写错误。

答案 1 :(得分:0)

您必须将jquery代码放在文档就绪包装器中:

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

答案 2 :(得分:0)

您确定自己拥有ID为selectMenu的元素吗?这应该有效:

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

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