【问题标题】:select all options chosen plugin选择所有选项 选择插件
【发布时间】:2023-03-23 21:44:02
【问题描述】:

我正在尝试通过将此代码用于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解决上述问题
[/edit]

它不支持使用代码选择多个选项吗? 您的回答肯定会对您有很大帮助,期待您的回复。谢谢:)

【问题讨论】:

  • Zaksh 你能把昨天晚上的那个 jsfiddle 加进去吗?我会帮助回答这个问题。
  • @Sam 这里是链接jsfiddle.net/3qrEQ/8

标签: jquery jquery-chosen


【解决方案1】:

如此处所述: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');

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

【讨论】:

    【解决方案2】:
    $("#btn").click(function(){
        $('.search-choice-close', '.search-choice').trigger('click');
    }
    

    在单选中您可能会使用:

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

    【讨论】:

    • 老兄,我真的很感谢你的努力,我的工作就像一个魅力,但如果我有多个选择框,我只想休息一个,我绝对不能用基于类的通配符条目来做到这一点名称
    • 添加的代码适用于您使用的单个选择:#SELECTID_chzn 作为选择器
    【解决方案3】:

    试试这个,

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

    替换“this”而不是“item”

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-13
      相关资源
      最近更新 更多