selec - multiple="multiple"

by no2don

HTML

<div class="col-lg-12  col-xs-12" style="margin-top: 10px">
  <label>
    動作項目 &nbsp;<code>ctrl/⌘ 壓住多選</code>&nbsp;&nbsp;
    <button type="button" id="selPlus"  >選取所有+</button>&nbsp;&nbsp;
    <button type="button" id="selMinus">選取所有-</button>&nbsp;&nbsp;
  </label>
</div>
<div class=" col-lg-12 col-xs-12">
  <select size="4" multiple="multiple" id="ddlActions" class="form-control" style="height:350px;width:200px">
    <option value='測試1'>測試1 +</option>
    <option value='測試3'>測試3 +</option>
    <option value='測試5'>測試5 +</option>
    <option value='測試7'>測試7 +</option>
    <option value='測試9'>測試9 +</option>
    <option value='測試2'>測試2 -</option>
    <option value='測試4'>測試4 -</option>
    <option value='測試6'>測試6 -</option>
    <option value='測試8'>測試8 -</option>
  </select>

</div>

JavaScript

$('#selPlus').click(function () {

      var t1 = [];
      $("#ddlActions").val(t1);
      $("#ddlActions option").each(function () {
          var str = $(this).text().toString();
          if (str.substring(str.length - 1) == '+') {
              t1.push($(this).val());
          }

      });
      $("#ddlActions").val(t1);

  });

  $('#selMinus').click(function () {

      var t1 = [];
      $("#ddlActions").val(t1);
      $("#ddlActions option").each(function () {
      
          var str = $(this).text().toString();
          if (str.substring(str.length - 1) == '-') {
             
              t1.push($(this).val());
          }
      });
      $("#ddlActions").val(t1);
  });