选择 jQuery - 单击时不起作用

Question

我正在使用选择的 JQuery 插件，我希望当用户单击选择框时；做某事（将数据库中的数据加载到选择框中）。

超文本标记语言

<select name="mysection" id="mysection" class="chosen-select-deselect">
</select>

JS

$('#mysection').live('click',function(){             
alert("hello for test");             
})

我试图测试该事件是否有效，但它似乎不起作用

注意：我正在使用 jquery 1.6.4

Answer 1

在处理选择菜单或复选框时使用 ' change'。

这是代码

超文本标记语言

<select name="mysection" id="mysection">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

JS

$(document).ready(function () {
    $("#mysection").chosen();
    $('#mysection').live('change', function () {
        alert($(this).val());
    });
});

CSS

#mysection {
    width: 100px;
}

尝试上面的代码，它会起作用:)

编辑

当你使用 selected 时，它会将 select 转换为后面的另一个 div，你甚至可以使用

$("#mysection_chosen").bind("click", function ()

或者

$("#mysection").next().bind('click', function ()