jQuery使用下拉选择文本填充文本输入

Question

我一直在看这里的一些答案，关于如何从下拉选项中获取输入，然后如何插入文本输入的值，但我的下拉选择有问题被救了。

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 1

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

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