html 在基于选择类的版本中选择选项时打开模态

Posted 2021-05-11

$('.actions-more').change(function() {
  var action = $(this).val();
  if(action == "withdraw"){
      $('#horseWithdraw').modal("show");
  }
  else if(action == "substitute"){
      $('#horseSubstitute').modal("show");
  }
  else if(action == "setHorsePriority"){
      $('#setHorsePriority').modal("show");
  }
  else if(action == "viewlog"){
      $('#feiLogsShow').modal("show");
  }
  else if(action == "comment"){
      $('#addComment').modal("show");
  }
});

<select class="selectpicker actions-more" data-style="btn-default btn-xs" data-width="auto" data-container="body" title="Horse...">
    <option disabled>Substitute</option>
    <option value="withdraw">Withdraw</option>
    <option value="comment">Comment</option>
    <option value="viewlog">View log</option>
</select>