Home/ Questions/Q 3459880
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-18T10:09:42+00:00

As a newbie, I’m trying to pull something off and have gotten stuck. I’m

  • 0

As a newbie, I’m trying to pull something off and have gotten stuck. I’m attempting to select a table row with an id of “fc_cart_foot_tax_tbd” and add a class of “selected” if someone enters a state other than Illinois into an input field with the class of “customer_state_name”. Here’s my HTML that doesn’t work.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Basic</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
    //Show the tax info if the shipping state is not Illinois
        $("#customer_state_name").each(function()
        {
            if (!$(this).html() == 'Illinois')
            {
            $("#fc_cart_foot_tax_tbd").addClass("selected");
            }
        });
    });
    </script>
    </head>
    <body>

    <form action="#">
    <input name="state" id="customer_state_name" value="" />
    </form>

    <table>
    <tr id="fc_cart_foot_tax_tbd">
    <td>Content here!</td>
    </tr>
    </table>

    </body>
    </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Right a few concerns.

    1. You are using a .each() function on an ID. IDs must be unique within a document, use a class if there are multiple items.
    2. You are using $(this).html() to get the value of an <input> field, use .val() instead.
    3. The code you have only executes once on entry to the page, you need to make a .change() function on the <input>s, so that it runs every time the users alters them.
    4. You are using (!a == b) as your condition, this is not what you intend I think, you should use not-equal (a != b).

    jQuery:

    $(document).ready(function() {
  $(".customer_state_name").change(function() {
    if ($(this).val() != 'Illinois') {
      $("#fc_cart_foot_tax_tbd").addClass("fc_cart_foot_tax_tbd");
    } else {
      $("#fc_cart_foot_tax_tbd").removeClass("fc_cart_foot_tax_tbd");
    }
  });
});

    HTML:

    <form action="#">
    <input name="state" class="customer_state_name" value="" />
</form>

<table>
    <tr id="fc_cart_foot_tax_tbd">
        <td>Content here!</td>
    </tr>
</table>
    • 0