如何将可编辑的select(下拉)插件值复制到jquery中的文本框中

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

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

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

$(document).ready(function() {
  $('#editableSelect').on('change', function() {
    var selectedValue = $(this).val(); // 获取选中的值
    $('#targetTextbox').val(selectedValue); // 将选中的值设置到文本框中
  });
});