dropdown value weird

dropdown value weird

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="test">Text Input</label>
  <input value="" type="text" name="name" class="test" />
</div>
  <div class="field">
    <label for="test">Dropdown Input</label>
    <div class='ui search selection dropdown test'>
      <input name="test" id="test" value="" type="hidden">
      <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>

CSS

body {
  margin : 20px;
}

JavaScript

//$('.ui .dropdown').dropdown({ fullTextSearch :true });

 console.log($('.test').dropdown('get value'));