select上的jQuery单击/更改事件不起作用

Question

我正在尝试捕获下拉列表的更改，但是无论是ff还是chrome，click和change事件都不起作用。这是源代码html代码：

<select class="select" id="querycond_select_Baitgenesymbol" style="max-width: 400px">
    <option>APC</option>
    <option>CTNNB1</option>
    <option>DNMT1</option>
    <option>ELF3</option>
    <option>EPHB2</option>
    <option>MRE11</option>

和jQuery：

$('.select').click(function() {
    alert("!!!!!!!")
});

我也尝试用更改来替换点击，但它对我来说也没有用。

Answer 1

请务必：

• 在您的网页上加入jQuery
• 将您的代码包裹在ready处理程序
中
• 使用change代替click

---

$(function(){
  $('#querycond_select_Baitgenesymbol').change(function() {
    alert("!!!!!!!");
  });
});

Answer 2

工作得很好...... http://jsfiddle.net/tXy6Q/尝试在document.ready（）

中添加它

• 如果根据逻辑动态添加选择框，建议使用live（） 方法..
• 使用更改事件而不是单击
• 还使用firefox错误控制台检查是否有任何错误..

Answer 3

试试这个：

$(function(){
    $("#querycond_select_Baitgenesymbol").change(function(e){
        alert("here");
    });
});