当<select>更改</select>时,不会触发.change()

时间:2014-09-15 09:01:05

标签: javascript jquery html

此处HTML部分:

<select id="select_refresh">
  <option value="Never">Never</option>
  <option value="1 second">1 second</option>
  <option value="5 seconds">5 seconds</option>
  <option value="15 seconds">15 seconds</option>
</select>

此处javascript部分:

$(document).ready ( function(){
   function handleSelectChange(){
           console.log("trigged!!!");
   }

   $("#select_refresh").change(handleSelectChange);
})

当我进入html页面并更改所选选项时,我无法在控制台中看到打印。

我做错了什么?

非常感谢!

2 个答案:

答案 0 :(得分:3)

你最后错过了);

$(document).ready ( function(){
   function handleSelectChange(){
           console.log("trigged!!!");
   }

   $("#select_refresh").change(handleSelectChange);
});

<强> See it working here

答案 1 :(得分:1)

你没有关闭你的功能 这样:

 $(document).ready ( function(){
   function handleSelectChange(){
           console.log("trigged!!!");
   }

   $("#select_refresh").change(handleSelectChange);
}

应该是:

$(document).ready ( function(){
   function handleSelectChange(){
           console.log("trigged!!!");
   }

   $("#select_refresh").change(handleSelectChange);
});

你原谅添加);在就绪后打开(func