Getting selected items count ListBox with jQuery

Question

As in topic - how to get selected items count in ListBox with jQuery, while user is selecting new item?

I have these code:

@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);

}

I can get count of selected items in onclick input action, but how to connect this js function with onclick event, or maybe other event, when user is selecting new item in my listbox?

Is the ID for the ListBox `StatesID` or `statesMailing`? – Schmalzy Jul 26 '13 at 16:02 — Schmalzy, Jul 26 '13 at 16:02

score 1 · Accepted Answer · answered Jul 26 '13 at 16:13

1

Adding my comment as answer....

If it is a multi-select, you will want to use....

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

otherwise click does not fire if the user selects more that one option at a time.

answered Jul 26 '13 at 16:13

Schmalzy

17,044
7
46
47

score 0 · Answer 2 · answered Jul 26 '13 at 15:45

0

Try this :

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

answered Jul 26 '13 at 15:45

Vincent jaouen

157
4

1

If it is a milti-select, you will want to use `$('#StatesID').on('change', function(){countStates();});` otherwise click does not fire if the user selects more that one option at a time. – Schmalzy Jul 26 '13 at 15:59

Getting selected items count ListBox with jQuery

2 Answers2

Linked