How to display only few choices of two fields when another filed value is selected

[Lucky18]

Lets take an example like I hav 3 fields like country,state,city

If country is selected as india,then the other two field choices should show only India states in State field and cities in City field. I have done something in client script but still notihg is changing.

Please let me know where I went wrong

heres the code I have tried it for country and state fields;

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

var a=g_form.getValue('u_country');

if(a=='India')
{

g_form.addOption('u_statte','ap','Ap');
g_form.addOption('u_statte','karnataka','Karnataka');
g_form.removeOption('u_statte','california','California');
g_form.removeOption('u_statte','washington','Washington');
g_form.removeOption('u_statte','victoria','Victoria');
g_form.removeOption('u_statte','south aus','South Aus');

}
}

Thanks in Advance!

[asifnoor]

So what is the length that you are getting?

And did you write this onChange function on country field?

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

g_form.addInfoMessage("Value is "+newValue+"--"+newValue.length);

if(newValue=='India')
{
g_form.addInfoMessage("Entered into if condition");
g_form.addOption('u_statte','ap','Ap');
g_form.addOption('u_statte','karnataka','Karnataka');
g_form.removeOption('u_statte','california','California');
g_form.removeOption('u_statte','washington','Washington');
g_form.removeOption('u_statte','victoria','Victoria');
g_form.removeOption('u_statte','south aus','South Aus');

} 
}

[Lucky18]

I am getting the value as 5 and yes it is on country field! but still its not passing into if condition 

[asifnoor]

Make it === and check.

And when you say its not working, what are the values in state field being shown?

And can you share the latest code that you have here.

Also open your browser console and check once if you are seeing any error?

[asifnoor]

Also, just try with info message and nothing else.

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

g_form.addInfoMessage("Value is "+newValue+"--"+newValue.length);

if(newValue=="India")
{
g_form.addInfoMessage("Entered into if condition");
} 
}

[Lucky18]

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

//var a=g_form.getValue('u_country');
//g_form.addInfoMessage("Value is "+a);
g_form.addInfoMessage("Value is "+newValue+"--"+newValue.length);
if(newValue === 'India')
{
g_form.addInfoMessage("Entered into if condition");

g_form.addOption('u_statte','Ap','ap');
g_form.addOption('u_statte','Karnataka','karnataka');
g_form.removeOption('u_statte','california','California');
g_form.removeOption('u_statte','washington','Washington');
g_form.removeOption('u_statte','victoria','Victoria');
g_form.removeOption('u_statte','south aus','South Aus');

}
}

I have tried it but no its not working