jQuery选择 - 点击不工作

时间:2014-02-17 15:28:18

标签: javascript jquery jquery-plugins

我正在使用选择的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

1 个答案:

答案 0 :(得分:4)

在处理选择框或复选框时,请使用“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;
}

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

修改

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

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

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