Populate form B with values based on form A

[bha123]

Hi

I am struck with this problem .

i have 2 forms ..

Form A has 2 dropdown box

state :
city :

Form B

State :
City:


how to populate form B with the same values which the user selected in Form A

I would be very thankful .. if anyone can help me out

Thank You

[acoder]

Welcome to TSDN!

If the form has an id, you can use

document.getElementById('formB')

to access form B.

In form B, what are State and City? Are they textboxes?

Post the HTML for both form A and form B.

[bha123]

Welcome to TSDN!

If the form has an id, you can use

document.getElementById('formB')

to access form B.

In form B, what are State and City? Are they textboxes?

Post the HTML for both form A and form B.

Hi

Thank you so much for replying

my sample code

home.htm

<form name="homePage" id="homePage" action="" method="post" >
<select id="month" name="month">
<option>jan</option>
<option>feb</option>
<option>mar</option>
</select>
</form>


user.htm

<form name="userPage" id="userPage" action="" method="post" >
<select id="month" name="month">
<option>jan</option>
<option>feb</option>
<option>mar</option>
</select>
</form>


wht ever the month the user selects in the Home.htm
that should be populated in the user.htm drop down box
these 2 different form are present in 2 different pages..

Please help me about the way i can solve this

Thank you so much

[acoder]

If they're on different pages, you'll need a server-side language to set the values.

You could possibly do this using cookies, but is it worth the hassle?

[bha123]

If they're on different pages, you'll need a server-side language to set the values.

You could possibly do this using cookies, but is it worth the hassle?

is there any way i can do using java script ??

Thanks You

[acoder]

How do you get from one page to the other? Are they linked in any way?

Read up on cookies here and here, so you know how to keep 'state' persistent over more than one page.

Of course, if cookies are disabled, you're a bit stuck.

[bha123]

Hi

Thank you so much for ur reply

I got this code at http://www.irt.org/articles/js063/index.htm

function load()
{
var passed = location.search.substring(1);
document.form2.month.value=getParm(passed,month);
document.form2.route.options.value = getParm(passed,year);
}

function getParm(string,parm)
{
var startPos = string.indexOf(parm + "=");
if (startPos > -1)
{
startPos = startPos + parm.length + 1;
var endPos = string.indexOf("&",startPos);
if (endPos == -1){endPos = string.length;}
return unescape(string.substring(startPos,endPos));
}
return '';
}

i am calling load() function when loading the form
PROBLEM IS THIS CODE WORKS FINE IN - " IE 7" BUT DOES NOT WORK IN - MOZILLA FIREFOX.. CAN YOU PLEASE TELL ME HOW CAN I USE IT IN MOZILLA FIREFOX

It would be of great help
Thansk u once again

[acoder]

Are you using the GET method?

[bha123]

ya ,i am able to get the values from the the form A in this form

http://www.irt.org/articles/js054/output.htm?city=value&state=qwerty

in form B i have parse this output statement which i get from form A and put the
first value i.e city value in text box
second value i.e state value in dropdown box

the above code as i said in my previous post works fine only in IE 7 , but not able to work in mozilla FireFox

I am not able to to figure out the reson .. could u please help me , how to make it work in mozilla firefox

Thanks a lot

[acoder]

Are you getting any errors in Firefox?

[bha123]

Hi

I am not getting any errors in FireFox , but this particular code is not working , i.e its not copying the data from Form A to form B

Can u plz , let me know the way i can solve this problem

Thanks

[acoder]

How are you accessing month and year?

[bha123]

Hi

from Form A i pass the values in the form of query

http://www.irt.org/articles/js054/output.htm?month=value&year=value

In Form B i parse these elements using the following code ,


function loading()
{
var passed = location.search.substring(1);
document.form2.month.value=getParm(passed,month);
document.form2.year.options.value = getParm(passed,year);
}


function getParm(string,parm)
{
var startPos = string.indexOf(parm + "=");
if (startPos > -1)
{
startPos = startPos + parm.length + 1;
var endPos = string.indexOf("&",startPos);
if (endPos == -1){endPos = string.length;}
return unescape(string.substring(startPos,endPos));
}
return '';
}


i will be calling loading function when i load the form
my form B looks like this

<body onload="loading()">
<form name="userPage" id="userPage" action="" method="post" >
<select id="month" name="month">
<option>jan</option>

<option>Dec</option>
</select>
<select id="year" name="year">
<option>2000</option>

<option>2100</option>
</select>
</form>
</body>


this is how i accress the elements
Please let me know if i am not clear

Thanks

[bha123]

i am able to work in IE 7 , but its not working in FireFox

[acoder]

month and year should be strings, i.e. "month" and "year" when passed to getParm.

[bha123]

yes , getparm function considers any character a-z and digits 0 - 9

Thanks

[acoder]

No, I mean the variables month and year should be strings unless you are defining them so somewhere else.

See your code:

function loading()
{
var passed = location.search.substring(1);
document.form2.month.value=getParm(passed,month);
document.form2.year.options.value = getParm(passed,year);
} 

Line 4 should be:

document.form2.month.value=getParm(passed,"month");

[bha123]

I am really sorry , when copying the code i missed the quotes .
what u said is correct , i missed the quotes

function loading()
{
var passed = location.search.substring(1);
document.form2.month.value=getParm(passed,'month') ;
document.form2.year.options.value = getParm(passed,'year');
}

this is the right code
really sorry for this confusion , but its not working in mozilla

Thanks a lot

[bha123]

main problem i am finding with mozilla is ..

function loading()
{
var passed = location.search.substring(1);
document.form2.month.value=getParm(passed,'month') ;
alert(document.form2.month.value);
document.form2.year.value = getParm(passed,'year');
alert(document.form2.year.value);
}

in the above function is i am able to get mnth valuue properly
but not able to get the year value ..
alert(document.form2.month.value); ... gives me January
alert(document.form2.year.value);...... gives me nothing ,, its blank

This is the problem i am having with mozilla .. plz suggest me , the ways i can proceed
Thanks a lot

[acoder]

Give your 'year' select options values, e.g.
[HTML]<option value="2000">2000</option>[/HTML]

[bha123]

Give your 'year' select options values, e.g.
[HTML]<option value="2000">2000</option>[/HTML]

Hi

I have given that already

Thanks

[acoder]

I have given that already

You hadn't in post 13. Ok, what is the value of passed (the location.search string)?