jQuery 使用下拉列表中选择的文本填充文本输入

Question

我一直在查看这里的一些关于如何从下拉选择中获取输入以及如何插入文本输入的值的答案，但我在保存下拉选择时遇到了问题。

我想用所选选项的文本值填充文本输入。

$('#options').change({
  var optionChange = $('#options option:selected').text();
  $('#chosen-input').val(optionChange);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <select id="options">
    <option value="one">This is Option One</option>
    <option value="two">This is Option Two</option>
    <option value="three">This is Option Three</option>
  </select>
  <input type="text" id="chosen-input" value="Lets Change This" />
</form>

Answer 1

您需要传入一个函数，而不是通用对象。

$('#options').change(function(e){
  var optionChange = $('#options option:selected').text();
  $('#chosen-input').val(optionChange);
});