i have drop down dependancy for contry

mohan raj

i have drop down dependancy for contry ,state and city

i want to update thouse detail means it's show the first array value it not show the database value

This is my javascript code
var states = new Array();
states['United States'] = new Array('Alabama', 'Alaska', 'Arizona');
states['India'] = new Array('Andhra Pradesh', 'Arunachal Pradesh', 'Assam');
var cities = new Array();
cities['United States'] = new Array();
cities['United States']['Alabama'] = new Array('Birmingham', 'Montgomery', 'Mobile', 'Huntsville');
cities['United States']['Alaska'] = new Array('Tucson', 'Anchorage');
cities['United States']['Arizona'] = new Array('Chandler', 'Phoenix', 'Mesa', 'Glendale', 'Scottsdale', 'Gilbert', 'Tempe', 'Peoria', 'Surprise');

cities['India'] = new Array();
cities['India']['Andhra Pradesh'] = new Array('Adilabad', 'Adoni', 'Amadalavalasa', 'Amalapuram', 'Ameenapuram', 'Anakapalle', 'Anantapur','Warangal', 'Yellandu', 'Yemmiganur', 'Yerraguntla', 'Zahirabad');
cities['India']['Arunachal Pradesh'] = new Array('Along', 'Bomdila', 'Itanagar*', 'Naharlagun', 'Pasighat');
cities['India']['Assam'] = new Array('Abhayapuri', 'Amguri', 'Anandnagaar', 'Barpeta', 'Barpeta Road', 'Bilasipara','Nalbari', 'North Lakhimpur', 'Rangia', 'Sibsagar', 'Silapathar', 'Silchar', 'Tezpur', 'Tinsukia');
function setStates() {
cntrySel = document.getElementById('ddlCountry');
stateList = states[cntrySel.value];
changeSelect('ddlState', stateList, stateList);
setCities();
}
function setCities() {
cntrySel = document.getElementById('ddlCountry');
stateSel = document.getElementById('ddlState');
cityList = cities[cntrySel.value][stateSel.value];
changeSelect('ddlCity', cityList, cityList);
}
function changeSelect(fieldID, newOptions, newValues) {
selectField.options.length = 0;
for (i = 0; i < newOptions.length; i++) {
selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function () {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function () {
setStates();
});

21 Replies

Know the answer? Post it — somebody with the same question will find it here.

Iftikar Hussain13y ago
I am asking from where you are calling the below code?

ddlCountry1.SelectedIndex = ddlCountry1.Items.IndexOf(ddlCountry1.Items.FindByValue(usr.PresentCountry));
HdnState.Value = usr.PresentState;
HdnCity.Value = usr.PresentCity

have you checked your view source?

Regards,
Iftikar
0
mohan raj13y ago
here i will attach sample code that application have drop down list for Branch,Combination
plz help me
0
mohan raj13y ago
This is my C# code for registering time
user.DdlCountry = Request.Form[ddlCountry1.UniqueID];
user.DdlState = Request.Form[ddlState.UniqueID];
user.DdlCity = Request.Form[ddlCity.UniqueID];
0
Iftikar Hussain13y ago
When you are binding your saved data from database to those hidden filed? Can you see the view source of your page after loading?

Regards,
Iftikar
0
mohan raj13y ago
yes i tried that also
0
Iftikar Hussain13y ago
Have you tried the latest solution from me?

Regards,
Iftikar
0
mohan raj13y ago
already i stored in db i need to retrive the db value
0
Sanjeeb Lenka13y ago
Are yo getting the city, country from database or from javascript
0
mohan raj13y ago
i attached that detail's pls check..
0
Iftikar Hussain13y ago
Are you using user control for your aspx code? Then use client Id for hidden field
In you JavaScript

var selectedState = document.getElementById("<%# HdnState.ClientID %>").value;
var selectedCity = document.getElementById("<%# HdnState.ClientID %>").value;
And in your code behind (Page_Load)
DataBind();

What error message you are getting and for which line?

Regards,
Iftikar
0
mohan raj13y ago
C# code
ddlCountry1.SelectedIndex = ddlCountry1.Items.IndexOf(ddlCountry1.Items.FindByValue(usr.PresentCountry));
HdnState.Value =usr.PresentState;
HdnCity.Value=usr.PresentCity;

In Javascript

aspx code

tagname="nm" runat="server" onchange="setStates()" Width="150px">
Select
United States
India

select

Select

0
Iftikar Hussain13y ago
for me it is working. Can you share your modified aspx,javascript and code behind code?

Regards,
Iftikar
0
mohan raj13y ago
This also not working
0
Iftikar Hussain13y ago
I have modified the java script and code behind. Please check now

In Javascript

In Code behind
ddlCountry1.SelectedIndex = ddlCountry1.Items.IndexOf(ddlCountry1.Items.FindByValue(usr.PresentCountry));
HdnState.Value = "Arunachal Pradesh";
HdnCity.Value = "Naharlagun";

Regards,
Iftikar
0
mohan raj13y ago
it's not working

in C# code
ddlCountry1.SelectedItem.Text = usr.PresentCountry;
HdnState.Value = usr.PresentState;
HdnCity.Value = usr.PresentCity;

i put this code mean's
no relation between ddlState dropdown list then how to pass that value to ddlState dropdown list.
0
Iftikar Hussain13y ago
since you are populating the state and city from javascript, therefore you can keep selected from javascript only. Here it is
Before that you need to have two hidden filed in your ASPX

Value="" runat="server"/>

var states = new Array();
states['United States'] = new Array('Alabama', 'Alaska', 'Arizona');
states['India'] = new Array('Andhra Pradesh', 'Arunachal Pradesh', 'Assam');
var cities = new Array();
cities['United States'] = new Array();
cities['United States']['Alabama'] = new Array('Birmingham', 'Montgomery', 'Mobile', 'Huntsville');
cities['United States']['Alaska'] = new Array('Tucson', 'Anchorage');
cities['United States']['Arizona'] = new Array('Chandler', 'Phoenix', 'Mesa', 'Glendale', 'Scottsdale', 'Gilbert', 'Tempe', 'Peoria', 'Surprise');

cities['India'] = new Array();
cities['India']['Andhra Pradesh'] = new Array('Adilabad', 'Adoni', 'Amadalavalasa', 'Amalapuram', 'Ameenapuram', 'Anakapalle', 'Anantapur','Warangal', 'Yellandu', 'Yemmiganur', 'Yerraguntla', 'Zahirabad');
cities['India']['Arunachal Pradesh'] = new Array('Along', 'Bomdila', 'Itanagar*', 'Naharlagun', 'Pasighat');
cities['India']['Assam'] = new Array('Abhayapuri', 'Amguri', 'Anandnagaar', 'Barpeta', 'Barpeta Road', 'Bilasipara','Nalbari', 'North Lakhimpur', 'Rangia', 'Sibsagar', 'Silapathar', 'Silchar', 'Tezpur', 'Tinsukia');
function setStates() {
cntrySel = document.getElementById('ddlCountry');
stateList = states[cntrySel.value];
changeSelect('ddlState', stateList, stateList);
var ddlState= document.getElementById('ddlState');
var selectedState=document.getElementById('HdnState');
SetComboSelected(ddlState,selectedState);

setCities();
var ddlCity= document.getElementById('ddlState');
var selectedCity=document.getElementById('HdnCity');
SetComboSelected(ddlCity,selectedCity);
}

function SetComboSelected(dd,textToFind)
{
for (var i = 0; i < dd.options.length; i++) {
if (dd.options[i].text === textToFind) {
dd.selectedIndex = i;
break;
}
}
}

function setCities() {
cntrySel = document.getElementById('ddlCountry');
stateSel = document.getElementById('ddlState');
cityList = cities[cntrySel.value][stateSel.value];
changeSelect('ddlCity', cityList, cityList);
}
function changeSelect(fieldID, newOptions, newValues) {
selectField.options.length = 0;
for (i = 0; i < newOptions.length; i++) {
selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
}
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function () {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function () {
setStates();
});

in your code behind
C# code
ddlCountry1.SelectedItem.Text = usr.PresentCountry;
HdnState.Value = usr.PresentState;
HdnCity.Value = usr.PresentCity;

Regards,
Iftikar
0
mohan raj13y ago
aspx code

Select
United States
India

select

Select

C# code
ddlCountry1.SelectedItem.Text = usr.PresentCountry;
ddlState.SelectedItem.Text = usr.PresentState;
ddlCity.SelectedItem.Text = usr.PresentCity;
0
Iftikar Hussain13y ago
In the code there in no country, state combo. Which code and which line you have issue?

Regards,
Iftikar
0
Iftikar Hussain13y ago
Can you share your complete code (both code behind and aspx)?

Regards,
Iftikar
0
mohan raj13y ago
i need to update the country,state and city.

example
insert time i gave state is Tamil Nadu and city is salem.data base having this value.

but when i am retrieve the detail throw the dropdownlist i am geting state name is Andhra Pradesh

instead of Andhra Pradesh i need Tamil Nadu
0
Iftikar Hussain13y ago
Hi,
Not clear about your query. Are you trying to save your combo value in database? Please provide more details.

Regards,
Iftikar
0