0

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

例如，在选中单选按钮“安大略”时，将显示一个带有匹配城市的下拉框。

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

<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>

而不是突然的效果（display='block'），我想为选定的元素使用该slideDown()方法。

所以我更换了：

cityElmntBox.style.display='block';

和：

cityElmntBox.slideDown(500);

但这不起作用......请有人帮我让它工作吗？

4

3 回答 3

2

将其包装在 jQuery 中：

$(cityElmntBox).slideDown(500);

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

var cityElmntBox = $("#dispalyCityBox");
于 2013-01-02T21:38:38.910 回答
2

使用$('#dispalyCityBox')而不是document.getElementById("dispalyCityBox").

于 2013-01-02T21:43:06.460 回答
1

试试$('#dispalyCityBox').slideDown(500)吧。

通过使用cityElmntBox.slideDown(500);，您尝试在非 jQuery 对象上使用 jQuery 方法。

于 2013-01-02T21:36:26.797 回答