0

今日ここで質問したところ、問題を解決するために jQuery を使用することになりました。私はjQueryを初めて使用しますが、リファレンスに従って次のコードを作成しました。jsFiddle では動作しますが、私の Firefox ブラウザーでは動作しません。jQuery は、正しいファイル名で正しいパスを指しています。これは私のローカルサーバー上にありますが、それは問題ではないと思います. ドロップダウンから選択した値に基づいて、入力フォームを非表示または再表示したいのですが、なぜこれが機能しないのか教えてもらえますか?

        <html>
    <style>
    .hidden {
        display: none;
    }
    </style><!--end css-->

    <script type="text/javascript" src="jquery.js"> </script>

    <script type="text/javascript">
    $('#payment_type').on('change', function() {
        var val = $(this).val();
        $('#nvendor').hide();
    });
    </script>

    </head>
    <body>

    <h3>Select</h3>
    <select id="payment_type" name="payment_type">
       <option>Select a payment type...</option>
       <option value="nvendor">Add</option>
       <option value="PayPal">Update</option>
    </select>

    <form id="nvendor" class="hidden">
    Company: <input type="text" />
    Address Available: <input type="text" />
    Minimum Delivery Amount: <input type="text"/>
    Logo: <input type="text" />
    <input type="submit" name="submit" value="Next" />
    </form>

    </body>
    </html>
4

1 に答える 1

2

試す

<script type="text/javascript">
    $(document).ready(function(){
      $('#payment_type').on('change', function() {
        var val = $(this).val();
         if(val == "nvendor")
           $('#nvendor').hide();
        else
           $('#nvendor').show();
     });
    })
</script>

.hiddenフォームからクラスを削除します

于 2012-10-28T06:42:22.517 に答える