How to set the Values in a drop down based on the select value in 1st drop down using catalog client script

[Gowtham Kodali]

Hi,

I have 2 drop downs in a catalog item I added all the possible values  to the drop down ,

Now if I select option A in the First drop down I have to get the options   X,Y,Z in the second drop down

if I select option B in first dropdown I have to get options  R,S,T

I have used a catalog client script and 

i am trying like this 

var val = g_form.getValue('DropDown1 fieldName');

if(val == 'dropdown option value')

{

g_form.setValue('dropdown2fieldname','dropdown2optionvalue')

}

any wrong in that

how can i achieve this 

[Allen Andreas]

Hi,

You'd want to make sure you're using an onChange client script and select that first drop-down as the field.

Then in the script section you'd do something like:

var val = g_form.getValue('DropDown1 fieldName');
if(val == 'dropdown option value'){
g_form.removeOption('dropdown2fieldname','dropdown2option1value');
g_form.removeOption('dropdown2fieldname','dropdown2option2value');
g_form.removeOption('dropdown2fieldname','dropdown2option3value');
} else if (val == 'dropdown option value 2') {
g_form.removeOption('dropdown2fieldname','dropdown2option4value');
g_form.removeOption('dropdown2fieldname','dropdown2option5value');
g_form.removeOption('dropdown2fieldname','dropdown2option6value');
}

So this removes options from the select-box so that only the other choices remain.

The title of your post is a bit different from the content of your question, but this is how you'd remove unwanted choices if another field was a certain selection.

Please mark reply as Helpful/Correct, if applicable. Thanks!

[Sagar Pagar]

Hello Gowtham,

Please try this script.

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

			g_form.clearValue('dropdown2fieldname');
			return;
		}

		if(newValue == 'dropdown option value')
		{
			g_form.addOption('dropdown2fieldname', 'dropdown2optionvalue', 'dropdown2optionlabel');
		}
	}

Thanks,

Sagar Pagar

[Gowtham Kodali]

I tried this 

i kept an alert  inside the IF as well but its not going into the IF condition

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

			g_form.clearValue('dropdown2fieldname');
			return;
		}

		if(newValue == 'dropdown option value')
		{
			g_form.addOption('dropdown2fieldname', 'dropdown2optionvalue', 'dropdown2optionlabel');
		}
	}

[Sagar Pagar]

Have you select the dropdown1fieldname variable in variable field of catalog client script.

[asifnoor]

Hello Gowtham,

in the script, you need to compare the value (NOT Label). check if the value is having spaces?