Question

我有一个名为.select_payment和一个名为#billing的div 我试图做的是当用户选择选择时，其值等于“信用” 我希望显示结算div。它默认是隐藏的。这就是我试过的

$(document).ready(function() {
        $(".select_payment").change(function() {
            if($(this).val() == "credit")
            {
                $("#billilng").css('display','block');
            }
        });
    });

当我选择名为credit的选项时，没有任何事情发生。

Answer 1

修复拼写错误，并添加了几行进行测试，这对我有用......

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../jquery/jquery.js"></script>
    <script type="text/javascript">
$(function(){

    $("#billing").css('display','none');
    $(document).ready(function() {
        $(".select_payment").change(function() {
            if($(this).val() == "credit"){
                $("#billing").css('display','block');
            } else {
                $("#billing").css('display','none');
            }
        });
    });

});
    </script>
</head>
<body>
<select name='payment_type' class='select_payment' >
    <option value='credit'>credit</option>
    <option value='debit'>debit</option>    
</select>
<div id='billing'>This is the billing div</div>
</body>
</html>

jquery选择更改事件并显示div

1 个答案: