获取所选项目使用jQuery计算ListBox

Question

在主题中 - 如何使用jQuery在ListBox中获取所选项目，而用户是否正在选择新项目？

我有这些代码：

@Html.ListBoxFor(x => Model.StatesID, Model.States,
        new { @class = "chzn-select", @id="StatesID", data_placeholder = "Choose...", style = "width:350px;" })


function countStates() {
    var count = $("#StatesID:selected").length;
    alert(count);

}

我可以在onclick输入操作中查看所选项目的数量，但是当用户在我的列表框中选择新项目时，如何将此js函数与onclick事件或其他事件相关联？< / p>

Answer 1

将我的评论添加为答案....

如果是多选，您将需要使用....

$('#StatesID').on('change', function(){
    countStates();
});

如果用户一次选择多个选项，则不会触发点击。

Answer 2

试试这个：

$(document).ready(function() {
    $('#StatesID').click(countStates);
});