Javascript 如果未选中该框，则隐藏；如果选中该框，则显示；下拉列表值等于"；其他"；

因此，从下拉菜单中选择Other会显示一个文本框。取消选中该框将隐藏文本框和下拉菜单

我无法直接编辑html以添加div来将下拉菜单和文本框包装在一起

我遇到的问题是，即使未选择“其他”，如果取消选中该框，然后再将其选中，则会显示“其他”文本框。如果选择了其他下拉项，我只希望显示其他文本框

任何帮助都将不胜感激：）

//隐藏其他框
$（'#otherBox'）.hide（）；
//如果选择了其他，则显示其他框
$（“#位置_下拉列表”）.change（函数（）{
$（'#otherBox'）。切换（this.value=='Other'）；
});
$（'#荣誉'）。更改（函数（）{
如果（！this.checked）{
$（“#位置#下拉列表”）.hide（）；
$（'.form label'）.hide（）；
}否则{
$（“#位置#下拉列表”）.show（）；
$（'.form label'）.show（）；
$（'#otherBox'）.show（）；
}
});

检查“是”
地点：
芝加哥中心
哥伦比亚
曼哈顿下城医院
另外


删除
$（“#其他框”）.show（），并添加下面注释的两行代码：

$('#honor').change(function() {
  if (!this.checked) {
    $('#location_dropdown').hide();
    $('.form label').hide();
    $('#otherBox').hide(); //ADD THIS
  } else {
    $('#location_dropdown').show();
    $('.form label').show();
    $('#otherBox').toggle($('#location_dropdown').val() === 'Other');  //ADD THIS
  }
});

片段：
//隐藏其他框
$（'#otherBox'）.hide（）；
//如果选择了其他，则显示其他框
$（“#位置_下拉列表”）.change（函数（）{
$（'#otherBox'）。切换（this.value=='Other'）；
});
$（'#荣誉'）。更改（函数（）{
如果（！this.checked）{
$（“#位置#下拉列表”）.hide（）；
$（'.form label'）.hide（）；
$（'#otherBox'）.hide（）；
}否则{
$（“#位置#下拉列表”）.show（）；
$（'.form label'）.show（）；
$（“#其他框”）.toggle（$（“#位置#下拉列表”）.val（）=“其他”）；
}
});

检查“是”
地点：
芝加哥中心
哥伦比亚
曼哈顿下城医院
另外