How to bind a select element to an input field?

Question

JavaScript

Hello everyone, the question is, there are 3 selects (with a list of cars), and there is an input (field) where what should be displayed is what was selected in the select. Actually the question is how to implement it with jikveri?

Answer 1

well you can

<form action="#">
<select name='options'>
  <option value='option-1'>Option 1</option>
  <option value='option-2'>Option 2</option>
  <option value='option-3'>Option 3</option>
</select>  
<select name='options'>
  <option value='option-1'>Option 1</option>
  <option value='option-2'>Option 2</option>
  <option value='option-3'>Option 3</option>
</select>  
<select name='options'>
  <option value='option-1'>Option 1</option>
  <option value='option-2'>Option 2</option>
  <option value='option-3'>Option 3</option>
</select>  
  
  <input type="text" />
</form>

;(function(w,$){
  var selects =  $('form').find('select'),
      input   =  $('input');
  
  selects.bind('change',function(e){
    var string="";  
   for(var i =0,l=selects.length;i<l;i++){
     string+=selects[i].value+" ";
   }
    input.val(string);
  });
  
})(window,$);

Finished result codepen.io/anon/pen/YyRQzE

Answer 2

https://jsfiddle.net/9hm1Lm20/

Answer 3

great, but how to make it so that only one value can be entered into the input, and when choosing from another select, it is overwritten?