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 に答える