What I'm trying to do is I have Fields in a Table.  They are as follows:

Status, State or Local, County, Municipality, Position, State Agency

What I'd like to have happen is if they chose "State" from the drop down list, then County, Municipality, and Position are hidden and only State Agency applies.   On the other hand, if they chose "Local" from the drop down list, then I want State Agency hidden.  This is a repeatable table.

What you're describing is more complicated than what is currently possible with field rules in Forms. However, you can do it with the following JavaScript. The following code works when you add classes to the affected drop-down fields (to add a class to a field, select it on the Edit page, click Edit, click the Advanced tab, and enter the appropriate classname in the CSS classname field. )

• Add the stateOrLocal class to the State or Local drop-down
• Add the county class to the County drop-down
• Add the municipality class to the Municipality drop-down
• Add the position class to the Position drop-down
• Add the stateAgency class to the State Agency drop-down

Then paste this code into the JavaScript section of the Script page and click Save.

$(document).ready(function () {
    $('.cf-table-block').on('click', function () {

        $('.cf-table-block tbody tr').each(function () {

          if ($(this).find('.stateOrLocal select').children(':selected').text() === "Local")
            {
                $(this).find('.stateAgency select').hide();
                $(this).find('.county select, .municipality select, .position select').show();
            }
            else if ($(this).find('.stateOrLocal select').val() === "State") {
                $(this).find('.county select, .municipality select, .position select').hide();
                $(this).find('.stateAgency select').show();
            }

            else {
                $(this).find('.stateOrLocal select, .county select, .municipality select, .position select').show()
            }
        })
    })
})

Hi Eric,

Thanks for the code, this is very helpful.

I am trying to use a modified version of your solution, since I only have a single line field in a table that I wish to hide. There is no condition required for it to hide. Here is the code I am using, however I don't seem to be getting the result I want. I think I'm doing it wrong. My table's class name is CasinoTable and the field class name is auditAmount. Could you please have a look and assist me with the code?

$(document).ready(function () {

        $('.CasinoTable tbody tr').each(function () {

                $(this).find('.auditAmount select').hide();

    })
})

Thanks and regards,

Sheldon