如何使用jquery将单个信息从选择选项列表视图传递到特定的输入字段

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<select id="optionList">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<input type="text" id="inputField">

$(document).ready(function() {
  $('#optionList').change(function() {
    var selectedOption = $(this).val();
    $('#inputField').val(selectedOption);
  });
});