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