removeOption and addOption

[ceraulo]

Hello!

I have 2 variables X & Y.

Variable X is a Select Box with values A & B
Variable Y is a Select Box with values 1, 2, 3, 4, 5, 6

I want to achieve are:
When X = A, Y should only display 1, 2, 3
When X = B, Y should only display 4, 5, 6 

How to do this?
Should I create 2 catalog client scripts for X = A and X = B?

Please help!

Thank you!

[Ankur Bawiskar]

Hi,

only 1 onChange client script on Variable X should suffice.

Sample script below

function onChange(control, oldValue, newValue, isLoading, isTemplate) {

if (isLoading || newValue === '') {

if(newValue === '')

g_form.clearOptions('variable_y');

return;

}

g_form.clearOptions('variable_y');

if(newValue == 'A'){

g_from.addOption('variable_y',1,1);

g_from.addOption('variable_y',2,2);

g_from.addOption('variable_y',3,3);

}

else if(newValue == 'B'){

g_from.addOption('variable_y',4,4);

g_from.addOption('variable_y',5,5);

g_from.addOption('variable_y',6,6);

}

}

Mark ✅ Correct if this solves your issue and also mark 👍 Helpful if you find my response worthy based on the impact.
Thanks
Ankur

[ceraulo]

I updated your code to this:

function onChange(control, oldValue, newValue, isLoading, isTemplate) {

if (isLoading || newValue === '') {

if(newValue === '')

g_form.clearOptions('variable_y');

return;

}

g_form.clearOptions('variable_y');

if(newValue == 'A'){

g_from.addOption('variable_y',1,1);

g_from.addOption('variable_y',2,2);

g_from.addOption('variable_y',3,3);

g_from.removeOption('variable_y',4,4);

g_from.removeOption('variable_y',5,5);

g_from.removeOption('variable_y',6,6);

}

else if(newValue == 'B'){

g_from.removeOption('variable_y',1,1);

g_from.removeOption('variable_y',2,2);

g_from.removeOption('variable_y',3,3);

g_from.addOption('variable_y',4,4);

g_from.addOption('variable_y',5,5);

g_from.addOption('variable_y',6,6);

}

}

It works when a value is selected (ex. A). But when another value is selected without refreshing the form (ex. B), no option is displayed.

[Priyanka136]

Hi ceraulo,

Please correct name g_form.

Thanks,

Priyanka

[Ankur Bawiskar]

Hi,

one more addition; when value changes you should clear previous options and then add the required options

function onChange(control, oldValue, newValue, isLoading, isTemplate) {

if (isLoading || newValue === '') {

if(newValue === '')

g_form.clearOptions('variable_y');

return;

}

g_form.clearOptions('variable_y');

if(newValue == 'A'){

g_form.clearOptions('variable_y');

g_from.addOption('variable_y',1,1);

g_from.addOption('variable_y',2,2);

g_from.addOption('variable_y',3,3);


}

else if(newValue == 'B'){

g_form.clearOptions('variable_y');

g_from.addOption('variable_y',4,4);

g_from.addOption('variable_y',5,5);

g_from.addOption('variable_y',6,6);

}

}

 

Mark ✅ Correct if this solves your issue and also mark 👍 Helpful if you find my response worthy based on the impact.
Thanks
Ankur