Как связать элемент select с полем input?
ну можно так<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,$);
Готовый результат codepen.io/anon/pen/YyRQzE
отлично, а как сделатЬ, чтобы только в инпут могло одно значение заноситься, а при выборе из другого селекта- оно перезаписывалось ?