title: Get value from "Bootstrap-Select"
body: <p>I have a selectbox and when I select the option it updates the input box with the selectbox's values. This is working with an older version of Bootstrap-Select. But in the newer version it doesn't work anymore. I am looking for a way to make this to work in the newer version. Thanks.</p>
  
  <ul>
  <li>Old version (working): <a href="http://jsfiddle.net/u967uwtf/" rel="nofollow noreferrer">http://jsfiddle.net/u967uwtf/</a></li>
  <li>Newer version (not working): <a href="http://jsfiddle.net/9nzcLar6/" rel="nofollow noreferrer">http://jsfiddle.net/9nzcLar6/</a></li>
  </ul>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;select class="selectpicker Categoria" multiple=""&gt;
    &lt;option selected&gt;A1&lt;/option&gt;
    &lt;option selected&gt;A2&lt;/option&gt;
    &lt;option&gt;A3&lt;/option&gt;
    &lt;option&gt;A4&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type="text" class="ChangeCategory" name="ChangeCategory"&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$('select').selectpicker();
  
  $(".Categoria").change(function() {
    f2();
  });
  
  var f2 = function(){
    $('.ChangeCategory').val($(".Categoria").val());
  }
  f2();
  </code></pre>