javascript - 选择 jQuery - 单击不工作

Question

我正在使用选择的 JQuery 插件，当用户点击选择框时我会喜欢；做某事(将数据从数据库加载到选择框中)。

HTML

<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”。

这是代码

HTML

<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;
}

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

编辑

当你使用 select 时，它会将 select 转换成另一个 div，你甚至可以使用

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

或

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