How to show/hide choices for list collector variables

[Koki Sugimori]

We are currently creating two variables (a select box variable and a list collector variable) in the catalog item.

As an example, we have created choices A, B, C, D, and E for the select box variable and choices 1, 2, 3, 4, and 5 for the list collector.

【Set values for the list collector】
　List table: Question Choice[question_choice].
　Reference qualifier: sys_created_onON2024-12-25@javascript:gs.dateGenerate('2024-12-25','start')@javascript:gs.dateGenerate('2024-12 -25','end')

【Question】
I would like the list collector variable to show 1, 2, and 3 (4 and 5 are hidden) when A, B, and C are selected in the select box variable, while 4 and 5 are shown (1, 2, and 3 are hidden) when D and E are selected.

This is indicated in the image diagram.

Can anyone assist me on how to implement the above?
Thank you in advance.

[Kalyani Jangam1]

Hi @Koki Sugimori 
You can use this code in OnChange client script

if (g_form.getValue(choice1(A value) || choice1(B Value) || choice3(C Value)'){

g_form.addOption('list_collector_field_value','1');

g_form.addOption('list_collector_field_value','2');

g_form.addOption('list_collector_field_value','3');

g_form.removeOption('list_collector_field_value','4');

g_form.removeOption('list_collector_field_value','5');

}

else if(g_form.getValue(choice3(D value) || choice4(E Value)){

g_form.removeOption('list_collector_field_value','1');

g_form.removeOption('list_collector_field_value','2');

g_form.removeOption('list_collector_field_value','3');

g_form.addOption('list_collector_field_value','4');

g_form.addOption('list_collector_field_value','5');

}
Please check and let me know if it helpful or not.

[PraveenK1149237]

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

    var filter = '';

    if (['A', 'B', 'C'].includes(newValue)) {

        filter = 'c3d35d82c37122005871d44d81d3ae91,13ec9310c3f9521012fcdf0d05013156,0a232a0013691200042ab3173244b075';

    } else if (['D', 'E'].includes(newValue)) {

        filter = 'd26c90e9c0892300964f80d1691e1a37,8368dc69c0892300964f80d1691e1a76';

    }

    else if(newValue == "")

    {

        filter = "";    

    }

    g_form.setValue('list_collector', filter);

}
This is the on change client script(on select box variable), change the "filter" as per your requirement as I used sys_user table for list collector. If you are not using none in select box remove the 3rd Else If 

Mark my answer helpful if this helps you.

[Koki Sugimori]

Dear @PraveenK1149237, Thank you.

My explanation was insufficient. My apologies.

The solution you answered (using the catalog client script onChange) automatically sets the choices in the list collector field, but this time I want to show or hide the list of choices that can be selected in the list collector.

Can you please provide new support for the above?
Thank you in advance.

[PraveenK1149237]

Can you tell me is there any relation between the select box values and the values that appear on the list collector.