title: How to load the value to input after onchange function
body: <p>Good day, i have a dropdown that when is selected it must populate the value to the input using <code>data-id</code> because i'm already using the <code>id</code> for something else. Please note that the data are populated to the dropdown <code>select</code>. </p>
  
  <p>Here is the <code>input</code> and <code>select</code></p>
  
  <pre><code>&lt;input type="text" id="@appConfig.Id" data-id="WarehouseInput" data-itemType="int" name="@appConfig.Name" class="form-control" required /&gt;
  
   &lt;select type="text" value="SelectWarehouse" name="@appConfig.Name" id="SelectWarehouse" data-itemType="int" class="selectpicker show-tick  form-control" data-live-search="true"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>When the when the dropdown is selected it need to populate the value on <code>input</code> </p>
  
  <pre><code>$(function () {
  $("#SelectWarehouse").change(function () {
  
      var selectedText = $(this).find("option:selected").text();
      var selectedValue = $(this).val();
      $(this).attr("data-id", "WarehouseInput");
     // var inputid = document.getElementById("WarehouseInput");
      //alert("Selected Text: " + selectedText + " Value: " + selectedValue);
  });});
  </code></pre>