jQuery -如何将两个选择列表组合成一个文本输入？

<select id="select1">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<select id="select2">
  <option value="optionA">选项A</option>
  <option value="optionB">选项B</option>
  <option value="optionC">选项C</option>
</select>

<input type="text" id="textInput" readonly>

<button id="combineBtn">组合</button>

$(document).ready(function() {
  // 组合按钮点击事件
  $('#combineBtn').click(function() {
    var select1Value = $('#select1').val();
    var select2Value = $('#select2').val();
    var combinedText = select1Value + ' - ' + select2Value;
    $('#textInput').val(combinedText);
  });
});