选择所有选项插件

时间:2012-07-13 06:23:59

标签: jquery jquery-chosen

我正在尝试通过使用此代码chosen plugin取消选择允许多项选择的所有选项值

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

但没有任何事情发生,选择所有选项

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

[修改]
对于上述问题,这里是live example
[ /修改

它是否支持使用代码选择多个选项或什么? 您的答案肯定会有很大帮助,期待您的回复。谢谢:))

3 个答案:

答案 0 :(得分:3)

如上所述:https://github.com/harvesthq/chosen/issues/1559

你可以这样做:

// 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');

我刚刚使用它并且它正在工作,问题是如果事件在下一个版本中得到更新 事情将停止工作

答案 1 :(得分:1)

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

在单一选择中,您可以使用:

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

答案 2 :(得分:0)

试试这个,

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

将'this'替换为'item'