You may want to consider not using the removeOption method all together, and go with building the menus for each choice from newValue. I have done something similar and structured it a bit differently:
function onChange(control, oldValue, newValue, isLoading) {
if (isLoading) {
return;
}
if (newValue == '') {
g_form.clearOptions('ipad_color');
g_form.addOption('ipad_color', '', '-- None --', 0);
return;
}
g_form.setValue('ipad_color', '');
g_form.clearOptions('ipad_color');
g_form.addOption('ipad_color', '', '-- None --', 0);
if (newValue == 'mini_2') {
g_form.addOption('ipad_color', 'silver', 'Silver', 1);
g_form.addOption('ipad_color', 'space_gray', 'Space Gray', 2);
}
if (newValue == 'air_2' || newValue == 'mini_4') {
g_form.addOption('ipad_color', 'gold', 'Gold', 1);
g_form.addOption('ipad_color', 'silver', 'Silver', 2);
g_form.addOption('ipad_color', 'space_gray', 'Space Gray', 3);
}
if (newValue == 'pro_97' || newValue == 'pro_129') {
g_form.addOption('ipad_color', 'gold', 'Gold', 1);
g_form.addOption('ipad_color', 'rose_gold', 'Rose Gold', 2);
g_form.addOption('ipad_color', 'silver', 'Silver', 3);
g_form.addOption('ipad_color', 'space_gray', 'Space Gray', 4);
}
}
With this example, I am clearing all the options and setting the first option to be -- None -- if newValue is blank. Unclear if you are using -- None -- as a choice, but that is why it is there.
Then I set the value of the menu to be built with nothing, then clear all of the options.
Then I check the value of newValue (this is the same as your req_type variable) and process from there. I add a number to indicate the choice order to make things easy.
Feel free to model after this with your code and let us know if this is more successful.
