jQuery/JavaScript - 隐藏/显示单选按钮上的待处理下拉框

<input type="radio" name="option" id="showOption"> 显示下拉框
<input type="radio" name="option" id="hideOption"> 隐藏下拉框

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

$(document).ready(function() {
  // 选中单选按钮和下拉框
  var showOption = $("#showOption");
  var hideOption = $("#hideOption");
  var dropdown = $("#dropdown");
  
  // 单选按钮状态改变时的事件处理函数
  showOption.change(function() {
    if (showOption.is(":checked")) {
      dropdown.show(); // 显示下拉框
    }
  });
  
  hideOption.change(function() {
    if (hideOption.is(":checked")) {
      dropdown.hide(); // 隐藏下拉框
    }
  });
});