Hide Variable based on Select Box choices

[David Boom]

I have a select box variable with multiple choices, I need to show other variables based on select box choices.

• If choice A is selected, variable AB and AC should be visible.
• If choice B is selected, only variable AB should be visible.

Am able to achieve the condition through onChange client script but when I select A first and then B, it is not hiding AC.

if(choice == "A"){

g_form.setVisible('AB', true);

g_form.setVisible('BC', true);

}

if(choice == "B"){

g_form.setVisible('AB', true);

}

[Dr Atul G- LNG]

Hi @David Boom 

Look like your code is half

https://www.servicenow.com/community/itsm-forum/hide-show-select-box-variable-based-on-the-another-s...

[Medi C]

@David Boom 

You won't need to script, please use UI Policies instead

First one: 

Condition: Choice != A (Choice is not A)

Reverse if false = True

UI Policy Action:

- Field: AB.  Visible = Fasle, FieldAction = ClearValue

- Field: AC.  Visible = Fasle, FieldAction = ClearValue

Second one:

Condition: Choice != B (Choice is not B)

Reverse if false = True

UI Policy Action:

- Field: AB.  Visible = Fasle, FieldAction = ClearValue

[Dr Atul G- LNG]

Hi @David Boom 

Do it via UI policy that is low code and easy.

[Medi C]

If there is no escape from Client Script, you should take care of the negation as well:

function onChange(control, oldValue, newValue, isLoading) {
    if (isLoading || newValue === '') {
        return;
    }

    // Show variables based on the selected choice
    if (newValue == 'A') {
        g_form.setVisible('AB', true);
        g_form.setVisible('AC', true);
        return;
    } 
     if (newValue == 'B') {
        g_form.setVisible('AB', true);
        g_form.setVisible('AC', false);
        return;
    }
}

[Medi C]

@David Boom 

I hope you are doing well!

Did it work ? Was my reply helpful?