dropdown callbacks

dropdown callbacks

by Bob Marley

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.js"></script>
<form class="ui form">
  <div class="field">
    <label for="requirement-validation_stages">Validation Stages Required</label>
    <div class='ui multiple selection dropdown validation_stages'>
      <input name="requirement[validation_stages]" id="requirement-validation_stages" value="WFAS,N/A" type="hidden" data-parsley-required="false">
      <i class="dropdown icon"></i>
      <div class="default text">Select</div>
      <div class="menu">
        <div class="item" data-value="OBU">Owning BU</div>
        <div class="item" data-value="SLOD">SLOD</div>
        <div class="item" data-value="WFAS">WFAS</div>
        <div class="item" data-value="N/A">N/A</div>
      </div>
    </div>
  </div>
</form>

JavaScript

$('.validation_stages').dropdown({
   onAdd: function(addedValue, addedText, $addedChoice) {
     console.log(addedValue, addedText, $addedChoice);
   },
   onRemove: function(removedValue, removedText, $removedChoice) {
     console.log(removedValue, removedText, $removedChoice);
   }
 });