Home/ Questions/Q 6536967
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T10:33:38+00:00

i have a selection called .select_payment and a div called #billing what im trying

  • 0

i have a selection called .select_payment and a div called #billing
what im trying to do is when the user selects the selection and its value equals “credit”
i want the billing div to be displayed. it is hidden by default.
this is what i tried

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

when i select the option called credit, nothing happends.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    With typo fixed, and a couple of lines added for testing, this works for me…

    <!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>
    • 0