select all options chosen plugin

Question

I am trying to deselect all values of options which allow multiple selection by using this code for chosen plugin

var lstViewCities= $('#lstViewCities');
$(lstViewCities).find("option").each(function(item) {
       $(item).attr('selected', '');
});
$(lstViewCities).trigger("liszt:updated");

but nothing is happening and same for selecting all option

var lstViewCities= $('#lstViewCities');
$(lstViewCities).find("option").each(function(item) {
       $(item).attr('selected', 'selected');
});
$(lstViewCities).trigger("liszt:updated");

[edit]
here is live example for above problem
[/edit]

Doesn't it support selecting multiple options using code or what? Your answers will be surely of great help, looking forward to your responses. Thanks :)

Zaksh can you add that jsfiddle from yesterday evening? I'll help answer the question. — Undefined, Jul 13 '12 at 06:26

score 3 · Answer 1 · answered Jan 03 '14 at 21:43

As stated here: https://github.com/harvesthq/chosen/issues/1559

You can do this with:

// Deselect
$('#my_select_box option:selected').removeAttr('selected');
$('#my_select_box').trigger('chosen:updated');

// Select
$('#my_select_box option').attr('selected', 'selected');
$('#my_select_box').trigger('chosen:updated');

I just used it and it's working, the problem is if the events get updated in a next release things will just stop working

Arkadiusz 'flies' Rzadkowolski · Accepted Answer · 2012-07-13T07:04:45.233

1

$("#btn").click(function(){
    $('.search-choice-close', '.search-choice').trigger('click');
}

In single select you might use:

$("#btn").click(function(){
    $('#testChosen_chzn').find('.search-choice-close').trigger('click');
}

edited Jul 13 '12 at 07:04

answered Jul 13 '12 at 06:28

Arkadiusz 'flies' Rzadkowolski

5,676
2
29
31

dude I really appreciate your effort, i worked like a charm but what if I have multiple select boxed and I just want to rest one, definitely I can't make that with wild card entry based on class name – Zaksh Jul 13 '12 at 06:54
Added code working for single chosen you use: #SELECTID_chzn as selector – Arkadiusz 'flies' Rzadkowolski Jul 13 '12 at 07:06

mathi · Answer 3 · 2013-06-11T05:40:21.983

0

try this,

$(lstViewCities).find("option").each(function(this) {
   $(this).attr('selected', 'selected');
});

replace 'this' instead of 'item'

edited Jun 11 '13 at 05:40

answered Mar 15 '13 at 12:08

mathi

1,127
12
19

select all options chosen plugin

3 Answers3