Question

<script type="text/javascript">
$(document).ready(function() {  
  $("#credit_pay").hide();
  $("#downpayment_method").change(function() {
      if ($("#downpayment_method").val()=='credit_card') {
       $("#credit_pay").show("fast");
      } else { 
       $("#credit_pay").hide("fast");
    };
      if ($("#downpayment_method").val()=='e_check') {
       $("#e_pay").show("fast");
      } else { 
       $("#e_pay").hide("fast");
    };
  });
});
</script>

<tr>
    <td>
        <label for="downpayment_method">Downpayment Method</label>
        <select id="downpayment_method" name="downpayment_method" >
            <option value="" selected="selected"></option>
            <option value="credit_card">Credit Card</option>
            <option value="e_check">E-check</option>
        </select>
    </td>
</tr>

我写的上述代码在http://jsfiddle.net/gDtFS/上效果很好：但它在我的服务器中不起作用。在firefug中，它以红色显示以下内容：

$

DP_jQuery_1328833882393

的jQuery

我无法理解上述意思。我已经包含以下文件：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" type="text/javascript"></script>

我有什么遗失的吗？

<div id="credit_pay">
    <tr>
        <td>
            <label for="name_on_card">Name on Card</label>
            <input type="text" name="name_on_card">
            <label for="billing_zip">Billing Zip</label>
            <input type="text" name="billing_zip">
        </td>
    </tr>
    <tr>
        <td>
            <label for="card_type">Card Type</label>
            <select id="card_type" name="card_type">
                <option value="" selected="selected"></option>
                <option value="Visa">Visa</option>
                <option value="Mastercard">Mastercard</option>
                <option value="Discover">Discover</option>
                <option value="Amex">Amex</option>
            </select>
        </td>
    </tr>           
</div>
<div id="e_pay">
    <tr>
        <td>
            <label for="name_on_account">Name on Account</label>
            <input type="text" name="name_on_account">
        </td>
    </tr>
    <tr>
        <td>
            <label for="routing_no">Routing #</label>
            <input type="text" name="routing_no">
        </td>
    </tr>
    <tr>
        <td>
            <label for="account_no">Account #</label>
            <input type="text" name="account_no">
        </td>
    </tr>

</div>

这是一个实时链接

cs.txstate.edu/~sr1388/Test

Answer 1

正如Craig所提到的那样，<tr>标签正在创建问题我删除了表，只使用了css。这是更新后的链接。

jQuery下拉列表无法使用任何浏览器

1 个答案: