Hide/Show select box variable based on the another select box variable

[ronro2]

Hey guys! 

I want to create an onchange client script for a catalog item based on selection in select box 'order_type', which has three choices: 'new_environment', 'change' and 'decommissioning'.

When 'new_environment' is selected in 'order_type' then we should hide the selection 'no_change' in select box 'node_size' and 'no_change' in select box 'node_amount'.

If you change 'order_type' to 'change' or 'decommissioning' then 'no_change' should be restored and visible.

So when: 

I want to hide: 

I just can't get it to work. 

Thanks in advance!

[Dr Atul G- LNG]

Hi @ronro2 

Try like this:

https://www.servicenow.com/community/developer-forum/simple-client-script-to-hide-choice-value-based...

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

    //Type appropriate comment here, and begin script below
    if (newValue != '1' && newValue != '2') {
      g_form.addOption('u_esito', 'istr','Istruzione');
    } else {
	g_form.removeOption('u_esito', 'istr');
	}
	
}

[ronro2]

Hey @Dr Atul G- LNG ! It is not working. Do you see why? 

function onChange(control, oldValue, newValue, isLoading) {
    // Return if the form is loading or no value is selected
    if (isLoading || newValue === '') {
        return;
    }

    // Check if the selected order type is 'change'
    if (newValue === 'change') {
        // Add 'no_change' as a default option to node_size
        g_form.addOption('node_size', 'no_change', 'Inga förändringar');
        
        // Add 'no_change' as a default option to node_amount
        g_form.addOption('node_amount', 'no_change', 'Inga förändringar');
        
        // Optionally set the default value to 'no_change'
        g_form.setValue('node_size', 'no_change');
        g_form.setValue('node_amount', 'no_change');
		
    } else {
        // Remove 'no_change' options when other order types are selected
        g_form.removeOption('node_size', 'no_change');
        g_form.removeOption('node_amount', 'no_change');
        
        // Clear the values
        g_form.setValue('node_size', '');
        g_form.setValue('node_amount', '');
    }
}

[Dr Atul G- LNG]

@Shivalika  can you help here.

[Ankur Bawiskar]

@ronro2 

please share your script, it should be an easy one

If my response helped please mark it correct and close the thread so that it benefits future readers.