title: Display bootstrap spinner values in textfield
body: <p>I want to integrate multi select with spinner option. But I (can) found the multiple selection only.
  <a href="https://silviomoreto.github.io/bootstrap-select/examples/" rel="nofollow noreferrer">https://silviomoreto.github.io/bootstrap-select/examples/</a></p>
  
  <p>I searched more than a day, but I found Bootstrap spinner with input field.
  <a href="https://bootsnipp.com/snippets/4no2R" rel="nofollow noreferrer">https://bootsnipp.com/snippets/4no2R</a></p>
  
  <p>In this snippet the total count value only displayed to the input tag(If we click the spinners of adults, child).But I want the display like (Adult-2, childern-2)in the input field like the following location(1jquery, 2script).</p>
  
  <p><a href="http://www.jqueryscript.net/demo/Convenient-jQuery-Separated-Input-Stepper-Plugin-NumberCategorySelector/" rel="nofollow noreferrer">http://www.jqueryscript.net/demo/Convenient-jQuery-Separated-Input-Stepper-Plugin-NumberCategorySelector/</a></p>
  
  <p>I added the js and script in the fiddle.</p>
  
  <p><a href="https://jsfiddle.net/gvrc5drL/" rel="nofollow noreferrer">https://jsfiddle.net/gvrc5drL/</a></p>
  
  <pre><code>  $('#passengers').val(total);
      input.val(oldValue);
    });
  </code></pre>