Question

I have an HTML form. I need to be able to change the background of a row in a table based on a the value of a field in another row.

Example:

Row A. Field #1 value=YES

Based on the YES vale

Row B. Background changes to yellow.

Answer 1

There are a number of ways to go about doing what you want. Check out this fiddle for a simple example. Type Yes in the textbox to see the highlight change. With some more info in your question I can modify the example to make it more useful.

Say you had the following HTML:

<form>
<table>
    <tr>
        <td><input type="text" id="field1"/></td>
        <td>Something else</td>
    </tr>
    <tr class="rowb">
        <td>Some value</td>
        <td>Some other value</td>
    </tr>
</table>
</form>

And the following jQuery JavaScript:

$(document).ready(function(){
      $("#field1").change(function(){
          $(".rowb").addClass($("#field1").val() == "Yes"?"highlight":"lowlight");
      });
 });

And the following CSS:

   .highlight{
    background-color:yellow;
}

.lowlight{
    background-color:blue;
}