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
– Schmalzy

2013-07-26 16:02:27 +00:00
Commented Jul 26, 2013 at 16:02 — Schmalzy
– Schmalzy, Commented Jul 26, 2013 at 16:02

Schmalzy · Accepted Answer · 2013-07-26 16:13:25Z

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, 2013 at 16:13

Schmalzy

17.4k7 gold badges48 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vincent jaouen · Accepted Answer · 2013-07-26 15:45:50Z

0

Try this :

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

answered Jul 26, 2013 at 15:45

Vincent jaouen

1674 bronze badges

1 Comment

Schmalzy Over a year ago

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.

Collectives™ on Stack Overflow

Getting selected items count ListBox with jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related