在jquery中选择所有选择的插件答案

【问题标题】：Select all in jquery chosen plugin在jquery中选择所有选择的插件
【发布时间】：2021-10-30 21:16:08
【问题描述】：

我正在尝试使用所选插件全选，但我的所有尝试都失败了。我正在使用以下代码。任何帮助将不胜感激。我实现了这个使用：'select all' and 'remove all' with chosen.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/jpg" href="hanken_logo.jpg">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="chosen/chosen.min.css?v=<?php echo time(); ?>">
    <link rel="stylesheet" href="css/bootstrap.min.css?v=<?php echo time(); ?>">
    <title>Data Portal</title>
</head>
<body>
  <div class="Header">
    <p class="Message">Data</p>>
  </div>
    <div class="container_data">
        Select Variables
        <select multiple data-placeholder="Select..." class="chosen-select">
          <option hidden selected value=""></option>
          <option value="1">Firm Size</option>
          <option value="2">Firm Age</option>
          <option value="3">Market-to-Book</option>
          <option value="4">Return on Assets</option>
          <option value="5">Return on Equity</option>
        </select>
        <button class="select">Select all</button>
        <button class="deselect">Deselect all</button>
          <script src="jquery/jquery.min.js"></script>
          <script src="js/bootstrap.bundle.min.js"></script>
          <script src="chosen/chosen.jquery.min.js"></script>
          <script type="text/javascript">
          $('select').chosen();
            $('.select').click(function(){
              $('option').prop('selected', true);
              $('select').trigger('liszt:updated');
            });
            $('.deselect').click(function(){
              $('option').prop('selected', false);
              $('select').trigger('liszt:updated');
            });
          </script>
      </p>
    </div>
</body>
</html>

【问题讨论】：

标签： javascript jquery-chosen

【解决方案1】：

将$('select').trigger('liszt:updated'); 更改为$('select').trigger('chosen:updated');

【讨论】：