Javascript 显示内容的替代方法

所选单选按钮将显示其相应的下拉框

例如，在选定的单选按钮“安大略省”上，将显示一个包含匹配城市的下拉框

对于上述示例，我有以下工作代码：

<script type="text/javascript">
$(document).ready(function(){
  $("#searchForm input:radio").change(function() {

      var buttonPressed = $('[name="Region"]:radio:checked').val();
      var cityElmntBox = document.getElementById("dispalyCityBox");

      if(buttonPressed == 'Ontario'){
          cityElmntBox.style.display='block';
      } else {
          cityElmntBox.style.display='none';
      }

  });   
});
</script> 

与：

但这不起作用…，请有人帮我把它弄好吗？

试试

$（'dispalyCityBox'）。改为向下滑动（500）

使用

citylmntbox.slideDown（500）

您试图在非jQuery对象上使用jQuery方法。

尝试

$（“#dispalyCityBox”）。改为向下滑动（500）

使用

citylmntbox.slideDown（500）您试图在非jQuery对象上使用jQuery方法。
将其包装在jQuery中：

$(cityElmntBox).slideDown(500);

您还可以像这样简化var语句，并且不必将其放入包装器中：

var cityElmntBox = $("#dispalyCityBox");

将其包装在jQuery中：

$(cityElmntBox).slideDown(500);

您还可以像这样简化var语句，并且不必将其放入包装器中：

var cityElmntBox = $("#dispalyCityBox");

使用
$（'#dispalyCityBox'）
而不是
document.getElementById（“dispalyCityBox”）
使用
$（'#dispalyCityBox'）
而不是
document.getElementById（“dispalyCityBox”）
dispalyCityBox
->确定这里没有打字错误吗？无论如何，在处理DOM时不要混合使用jQuery和原始js，请使用
$（）
选择器
dispalyCityBox
->确定这里没有输入错误？无论如何，在处理DOM时不要混合使用jQuery和原始js，请使用
$（）
选择器！工作非常感谢您的帮助、快速响应和专业性。工作顺利！非常感谢您的帮助、快速响应和专业精神。