Question

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

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

我有上面例子的以下工作代码：

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

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

Answer 1

用jQuery包装它：

$(cityElmntBox).slideDown(500);

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

var cityElmntBox = $("#dispalyCityBox");

Answer 2

使用$('#dispalyCityBox')代替document.getElementById("dispalyCityBox")。

Answer 3

请尝试$('#dispalyCityBox').slideDown(500)。

使用cityElmntBox.slideDown(500);，你试图在非jQuery对象上使用jQuery方法。

显示内容的替代方法

3 个答案: