By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
464,715 Members | 1,250 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 464,715 IT Pros & Developers. It's quick & easy.

Calling or triggering an external javascript twice

P: n/a
Hello,

How can I call or trigger an external javascript twice in a form?
I have

<script language="JavaScript" src="country_state.js"
name="Country_State">
<script type="text/javascript" src="country_state.js">
</script>

set in between my HEAD tags.
In between the BODY tags I have
The first trigger

<td><select id="countrySelect" name="compcount"
onchange="populateState()"></select></td>
<td<font size="-2"><b>State</b></font></td>
<td><select id="stateSelect" name="compstate"></select><script
type="text/javascript">initCountry('US'); </script></td>

Which works

the second trigger calling the same external script

<td><select id="countrySelect" name="contcount"
onchange="populateState()"></select></td>
<td><font size="-2"><b State</b></font></td>
<td><select id="stateSelect" name="contstate"></select><script
type="text/javascript">initCountry('US'); </script></td>

Which does NOT work now?

The only difference is the name of the variables, "compcount",
"compstate", "contcount", "contstate", from the form input fields
I am not much of a java person, but can some one say why and suggest a
correction

Thanks
Adam
Jul 26 '06 #1
Share this Question
Share on Google+
4 Replies

P: n/a
Adam Smith said the following on 7/26/2006 11:14 AM:

<fictitious wannabe alt.comp.lang.javascript dropped>
Hello,

How can I call or trigger an external javascript twice in a form?
I have

<script language="JavaScript" src="country_state.js"
name="Country_State">
<script type="text/javascript" src="country_state.js">
</script>

set in between my HEAD tags.
You should try validating that code. There is no name attribute for the
script tag. You are missing a closing </scripttag as well.
In between the BODY tags I have
The first trigger

<td><select id="countrySelect" name="compcount"
onchange="populateState()"></select></td>
<td<font size="-2"><b>State</b></font></td>
<td><select id="stateSelect" name="compstate"></select><script
type="text/javascript">initCountry('US'); </script></td>
Which works
OK.
the second trigger calling the same external script

<td><select id="countrySelect" name="contcount"
onchange="populateState()"></select></td>
<td><font size="-2"><b State</b></font></td>
<td><select id="stateSelect" name="contstate"></select><script
type="text/javascript">initCountry('US'); </script></td>

Which does NOT work now?
What does the function initCountry do?
The only difference is the name of the variables, "compcount",
"compstate", "contcount", "contstate", from the form input fields
I am not much of a java person, but can some one say why and suggest a
correction
Show the code for the external file. Or, post a URL to a sample page
that shows what you are trying to do.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Jul 26 '06 #2

P: n/a
Hi Randy,
Was trying to keep the post small by not posting the code. BTW, my
apology for the late response, I was dealing with a crescendo of
computer problems. The code is sort of lengthy and includes an
additional datafile. (I'll repost and shorten the original repl quote in
the interest of space, hope you'll be able to pick up the thread easily)

The sript is "A simple international country and state drop down list
that automatically repopulates the state section based on the country
selected without page refreshes. Select a country and the country's
states or provinces are listed ........ If the country doesn't have any
states or provines configured, an empty text box is displayed."

The script is from ==>
http://javascript.internet.com/forms...drop-down.html

It is being used in a form, in which the user may have two (2)
addresses, work and home, that may not necessarily be in the same Country.

I'm calling it twice but am having a problem with repeating the trigger
of the external *.js call of the country-state-drop-down script. The
trigger works perfectly fine on just the first call.
--------------------------------------------------------------------------------

In the *.html containing the Form I have set meta tags:
<meta http-equiv="content-type" content="Content-Script-Type"
CONTENT="text/javascript">

In the head setion there is (country_state.js is the external javascript
file)
<script type="text/javascript" src="country_state.js"></script>

In the Body section there are two sets of 'Table' entries:

1st entry ==>

<td width="12%" bgcolor="#7C9CCC"><font size="-2">City</font></td>
<td bgcolor="#dae0e0" width="12%"><input type="text" name="compcity"
size="15" maxlength="25"></td>
<td width="12%"><font size="-2">Country</font></td>
<td bgcolor="#dae0e0" colspan="2"><select id="countrySelect"
name="compcount" onchange="populateState()"></select></td>
<td bgcolor="#7C9CCC" width="12%"><font size="-2">State</font></td>
<td bgcolor="#dae0e0" colspan="2"><select id="stateSelect"
name="compstate"></select>
<script type="text/javascript">initCountry('US'); </script>
</td>

2nd entry ==>

<td width="12%" bgcolor="#7C9CCC"><font size="-2">City</font></td>
<td bgcolor="#DAE0E0" width="12%"><input type="text" name="contcity"
size="15" maxlength="25"></td>
<td width="12%"><font size="-2">Country</font></td>
<td bgcolor="#dae0e0" colspan="2"><select id="countrySelect"
name="contcount" onchange="populateState()"></select></td>
<td width="12%" bgcolor="#7C9CCC"><font size="-2">State</font></td>
<td colspan="2" bgcolor="#DAE0E0"><select id="stateSelect"
name="contstate"></select>
<script type="text/javascript">initCountry('US'); </script>
</td>
____________________________

Now, either drop down list works [singly, but not together] perfectly
well, [the 2nd only when the 1st is disabled], but not together.

How can I get them both to work in the same form?

Randy Webb wrote:
Adam Smith said the following on 7/26/2006 11:14 AM:
You should try validating that code. There is no name attribute for the
script tag. You are missing a closing </scripttag as well.
I was assumming it to be validated since it apparently ran error free,
was there another method that you had in mind?
What does the function initCountry do?
The initCountry set a default value for the select option
>
Show the code for the external file. Or, post a URL to a sample page
that shows what you are trying to do.
__________________________________________________ ________________________________
The Script:

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Down Home Consulting :: http://downhomeconsulting.com */

/*
Country State Drop Downs v1.0.
(c) Copyright 2005 Down Home Consulting, Inc.
www.DownHomeConsulting.com

Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be included
in all copies or substantial portions of the Software. The software is
provided "as is", without warranty of any kind, express or implied,
including but not limited to the warranties of merchantability, itness
for a particular purpose and noninfringement. in no event shall the
authors or copyright holders be liable for any claim, damages or other
liability, whether in an action of contract, tort or otherwise, arising
from, out of or in connection with the software or the use or other
dealings in the software.

*/

// If you have PHP you can set the post values like this
//var postState = '<?= $_POST["state"] ?>';
//var postCountry = '<?= $_POST["country"] ?>';
var postState = '';
var postCountry = '';

// State table
//
// To edit the list, just delete a line or add a line. Order is important.
// The order displayed here is the order it appears on the drop down.
//
var state = '\
US:AK:Alaska|\
US:AL:Alabama|\
US:AR:Arkansas|\
US:AS:American Samoa|\
US:AZ:Arizona|\
US:CA:California|\
US:CO:Colorado|\
US:CT:Connecticut|\
US:DC:D.C.|\
US:DE:Delaware|\
US:FL:Florida|\
US:FM:Micronesia|\
US:GA:Georgia|\
US:GU:Guam|\
US:HI:Hawaii|\
US:IA:Iowa|\
US:ID:Idaho|\
US:IL:Illinois|\
US:IN:Indiana|\
US:KS:Kansas|\
US:KY:Kentucky|\
US:LA:Louisiana|\
US:MA:Massachusetts|\
US:MD:Maryland|\
US:ME:Maine|\
US:MH:Marshall Islands|\
US:MI:Michigan|\
US:MN:Minnesota|\
US:MO:Missouri|\
US:MP:Marianas|\
US:MS:Mississippi|\
US:MT:Montana|\
US:NC:North Carolina|\
US:ND:North Dakota|\
US:NE:Nebraska|\
US:NH:New Hampshire|\
US:NJ:New Jersey|\
US:NM:New Mexico|\
US:NV:Nevada|\
US:NY:New York|\
US:OH:Ohio|\
US:OK:Oklahoma|\
US:OR:Oregon|\
US:PA:Pennsylvania|\
US:PR:Puerto Rico|\
US:PW:Palau|\
US:RI:Rhode Island|\
US:SC:South Carolina|\
US:SD:South Dakota|\
US:TN:Tennessee|\
US:TX:Texas|\
US:UT:Utah|\
US:VA:Virginia|\
US:VI:Virgin Islands|\
US:VT:Vermont|\
US:WA:Washington|\
US:WI:Wisconsin|\
US:WV:West Virginia|\
US:WY:Wyoming|\
US:AA:Military Americas|\
US:AE:Mil. Euro./ME/Canada|\
US:AP:Military Pacific|\
CA:AB:Alberta|\
CA:MB:Manitoba|\
CA:AB:Alberta|\
CA:BC:British Columbia|\
CA:MB:Manitoba|\
CA:NB:New Brunswick|\
CA:NL:Newfoundl.. & Labrador|\
CA:NS:Nova Scotia|\
CA:NT:Northwest Territ.|\
CA:NU:Nunavut|\
CA:ON:Ontario|\
CA:PE:Prince Edward Isles|\
CA:QC:Quebec|\
CA:SK:Saskatchewan|\
CA:YT:Yukon Territ.|\
AU:AAT:Austral. Antarc. Ter.|\
AU:ACT:Austral. Capital Ter.|\
AU:NT:Northern Territory|\
AU:NSW:New South Wales|\
AU:QLD:Queensland|\
AU:SA:South Australia|\
AU:TAS:Tasmania|\
AU:VIC:Victoria|\
AU:WA:Western Australia|\
BR:AC:Acre|\
BR:AL:Alagoas|\
BR:AM:Amazonas|\
BR:AP:Amapa|\
BR:BA:Baia|\
BR:CE:Ceara|\
BR:DF:Distrito Federal|\
BR:ES:Espirito Santo|\
BR:FN:Fernando de Noronha|\
BR:GO:Goias|\
BR:MA:Maranhao|\
BR:MG:Minas Gerais|\
BR:MS:Mato Grosso do Sul|\
BR:MT:Mato Grosso|\
BR:PA:Para|\
BR:PB:Paraiba|\
BR:PE:Pernambuco|\
BR:PI:Piaui|\
BR:PR:Parana|\
BR:RJ:Rio de Janeiro|\
BR:RN:Rio Grande do Norte|\
BR:RO:Rondonia|\
BR:RR:Roraima|\
BR:RS:Rio Grande do Sul|\
BR:SC:Santa Catarina|\
BR:SE:Sergipe|\
BR:SP:Sao Paulo|\
BR:TO:Tocatins|\
NL:DR:Drente|\
NL:FL:Flevoland|\
NL:FR:Friesland|\
NL:GL:Gelderland|\
NL:GR:Groningen|\
NL:LB:Limburg|\
NL:NB:Noord Brabant|\
NL:NH:Noord Holland|\
NL:OV:Overijssel|\
NL:UT:Utrecht|\
NL:ZH:Zuid Holland|\
NL:ZL:Zeeland|\
UK:AVON:Avon|\
UK:BEDS:Bedfordshire|\
UK:BERKS:Berkshire|\
UK:BUCKS:Buckinghamshire|\
UK:CAMBS:Cambridgeshire|\
UK:CHESH:Cheshire|\
UK:CLEVE:Cleveland|\
UK:CORN:Cornwall|\
UK:CUMB:Cumbria|\
UK:DERBY:Derbyshire|\
UK:DEVON:Devon|\
UK:DORSET:Dorset|\
UK:DURHAM:Durham|\
UK:ESSEX:Essex|\
UK:GLOUS:Gloucestershire|\
UK:GLONDON:Greater London|\
UK:GMANCH:Greater Manchester|\
UK:HANTS:Hampshire|\
UK:HERWOR:Hereford & Worces.|\
UK:HERTS:Hertfordshire|\
UK:HUMBER:Humberside|\
UK:IOM:Isle of Man|\
UK:IOW:Isle of Wight|\
UK:KENT:Kent|\
UK:LANCS:Lancashire|\
UK:LEICS:Leicestershire|\
UK:LINCS:Lincolnshire|\
UK:MERSEY:Merseyside|\
UK:NORF:Norfolk|\
UK:NHANTS:Northamptonshire|\
UK:NTHUMB:Northumberland|\
UK:NOTTS:Nottinghamshire|\
UK:OXON:Oxfordshire|\
UK:SHROPS:Shropshire|\
UK:SOM:Somerset|\
UK:STAFFS:Staffordshire|\
UK:SUFF:Suffolk|\
UK:SURREY:Surrey|\
UK:SUSS:Sussex|\
UK:WARKS:Warwickshire|\
UK:WMID:West Midlands|\
UK:WILTS:Wiltshire|\
UK:YORK:Yorkshire|\
EI:CO ANTRIM:County Antrim|\
EI:CO ARMAGH:County Armagh|\
EI:CO DOWN:County Down|\
EI:CO FERMANAGH:County Fermanagh|\
EI:CO DERRY:County Londonderry|\
EI:CO TYRONE:County Tyrone|\
EI:CO CAVAN:County Cavan|\
EI:CO DONEGAL:County Donegal|\
EI:CO MONAGHAN:County Monaghan|\
EI:CO DUBLIN:County Dublin|\
EI:CO CARLOW:County Carlow|\
EI:CO KILDARE:County Kildare|\
EI:CO KILKENNY:County Kilkenny|\
EI:CO LAOIS:County Laois|\
EI:CO LONGFORD:County Longford|\
EI:CO LOUTH:County Louth|\
EI:CO MEATH:County Meath|\
EI:CO OFFALY:County Offaly|\
EI:CO WESTMEATH:County Westmeath|\
EI:CO WEXFORD:County Wexford|\
EI:CO WICKLOW:County Wicklow|\
EI:CO GALWAY:County Galway|\
EI:CO MAYO:County Mayo|\
EI:CO LEITRIM:County Leitrim|\
EI:CO ROSCOMMON:County Roscommon|\
EI:CO SLIGO:County Sligo|\
EI:CO CLARE:County Clare|\
EI:CO CORK:County Cork|\
EI:CO KERRY:County Kerry|\
EI:CO LIMERICK:County Limerick|\
EI:CO TIPPERARY:County Tipperary|\
EI:CO WATERFORD:County Waterford|\
';

// Country data table
//
// To edit the list, just delete a line or add a line. Order is important.
// The order displayed here is the order it appears on the drop down.
//
var country = '\
AF:Afghanistan|\
AL:Albania|\
DZ:Algeria|\
AS:American Samoa|\
AD:Andorra|\
AO:Angola|\
AI:Anguilla|\
AQ:Antarctica|\
AG:Antigua & Barbuda|\
AR:Argentina|\
AM:Armenia|\
AW:Aruba|\
AU:Australia|\
AT:Austria|\
AZ:Azerbaijan|\
AP:Azores|\
BS:Bahamas|\
BH:Bahrain|\
BD:Bangladesh|\
BB:Barbados|\
BY:Belarus|\
BE:Belgium|\
BZ:Belize|\
BJ:Benin|\
BM:Bermuda|\
BT:Bhutan|\
BO:Bolivia|\
BA:Bosnia & Herzegowina|\
XB:Bosnia-Herzegovina|\
BW:Botswana|\
BV:Bouvet Island|\
BR:Brazil|\
IO:Br. Ind. Ocean Terri.|\
VG:Br. Virgin Islands|\
BN:Brunei Darussalam|\
BG:Bulgaria|\
BF:Burkina Faso|\
BI:Burundi|\
KH:Cambodia|\
CM:Cameroon|\
CA:Canada|\
CV:Cape Verde|\
KY:Cayman Islands|\
CF:Central African Repub..|\
TD:Chad|\
CL:Chile|\
CN:China|\
CX:Christmas Isles|\
CC:Cocos Islands|\
CO:Colombia|\
KM:Comoros|\
CG:Congo|\
CD:Congo, The Demo.. Rep.|\
CK:Cook Islands|\
XE:Corsica|\
CR:Costa Rica|\
CI:Cote d` Ivoire|\
HR:Croatia|\
CU:Cuba|\
CY:Cyprus|\
CZ:Czech Republic|\
DK:Denmark|\
DJ:Djibouti|\
DM:Dominica|\
DO:Dominican Rep..|\
TP:East Timor|\
EC:Ecuador|\
EG:Egypt|\
SV:El Salvador|\
GQ:Equat. Guinea|\
ER:Eritrea|\
EE:Estonia|\
ET:Ethiopia|\
FK:Falkland Islands|\
FO:Faroe Islands|\
FJ:Fiji|\
FI:Finland|\
FR:France (+ Monaco)|\
FX:France, |\
GF:French Guiana|\
PF:French Polynesia|\
TA:French Poly.. Tahiti |\
TF:French South. Territ..|\
GA:Gabon|\
GM:Gambia|\
GE:Georgia|\
DE:Germany|\
GH:Ghana|\
GI:Gibraltar|\
GR:Greece|\
GL:Greenland|\
GD:Grenada|\
GP:Guadeloupe|\
GU:Guam|\
GT:Guatemala|\
GN:Guinea|\
GW:Guinea-Bissau|\
GY:Guyana|\
HT:Haiti|\
HM:Heard & Mc D.. Isles|\
VA:Holy See |\
HN:Honduras|\
HK:Hong Kong|\
HU:Hungary|\
IS:Iceland|\
IN:India|\
ID:Indonesia|\
IR:Iran|\
IQ:Iraq|\
IE:Ireland|\
EI:Ireland (Eire)|\
IL:Israel|\
IT:Italy|\
JM:Jamaica|\
JP:Japan|\
JO:Jordan|\
KZ:Kazakhstan|\
KE:Kenya|\
KI:Kiribati|\
KP:Korea, North|\
KW:Kuwait|\
KG:Kyrgyzstan|\
LA:Laos|\
LV:Latvia|\
LB:Lebanon|\
LS:Lesotho|\
LR:Liberia|\
LY:Libya|\
LI:Liechtenstein|\
LT:Lithuania|\
LU:Luxembourg|\
MO:Macao|\
MK:Macedonia|\
MG:Madagascar|\
ME:Madeira Islands|\
MW:Malawi|\
MY:Malaysia|\
MV:Maldives|\
ML:Mali|\
MT:Malta|\
MH:Marshall Islands|\
MQ:Martinique|\
MR:Mauritania|\
MU:Mauritius|\
YT:Mayotte|\
MX:Mexico|\
FM:Micronesia,|\
MD:Moldova, Rep|\
MC:Monaco|\
MN:Mongolia|\
MS:Montserrat|\
MA:Morocco|\
MZ:Mozambique|\
MM:Myanmar |\
NA:Namibia|\
NR:Nauru|\
NP:Nepal|\
NL:Netherlands|\
AN:Netherlands Antilles|\
NC:New Caledonia|\
NZ:New Zealand|\
NI:Nicaragua|\
NE:Niger|\
NG:Nigeria|\
NU:Niue|\
NF:Norfolk Island|\
MP:North. Mariana Isles|\
NO:Norway|\
OM:Oman|\
PK:Pakistan|\
PW:Palau|\
PS:Palestinian Territ..|\
PA:Panama|\
PG:Papua New Guinea|\
PY:Paraguay|\
PE:Peru|\
PH:Philippines|\
PN:Pitcairn|\
PL:Poland|\
PT:Portugal|\
PR:Puerto Rico|\
QA:Qatar|\
RE:Reunion|\
RO:Romania|\
RU:Russian Federation|\
RW:Rwanda|\
KN:St Kitts & Nevis|\
SM:San Marino|\
ST:Sao Tome & Principe|\
SA:Saudi Arabia|\
SN:Senegal|\
XS:Serbia-Montenegro|\
SC:Seychelles|\
SL:Sierra Leone|\
SG:Singapore|\
SK:Slovak Republic|\
SI:Slovenia|\
SB:Solomon Islands|\
SO:Somalia|\
ZA:South Africa|\
GS:S. Georgia & S. Sand|\
KR:South Korea|\
ES:Spain|\
LK:Sri Lanka|\
NV:St. Christopher & Ne|\
SH:St. Helena|\
LC:St. Lucia|\
PM:St. Pierre & Mique..|\
VC:St. Vincent & Gren..|\
SD:Sudan|\
SR:Suriname|\
SJ:Svalbard & J M.. Isles|\
SZ:Swaziland|\
SE:Sweden|\
CH:Switzerland|\
SY:Syrian Arab Republic|\
TW:Taiwan|\
TJ:Tajikistan|\
TZ:Tanzania|\
TH:Thailand|\
TG:Togo|\
TK:Tokelau|\
TO:Tonga|\
TT:Trinidad & Tobago|\
XU:Tristan da Cunha|\
TN:Tunisia|\
TR:Turkey|\
TM:Turkmenistan|\
TC:Turks & Caicos Isles|\
TV:Tuvalu|\
UG:Uganda|\
UA:Ukraine|\
AE:United Arab Emirates|\
UK:United Kingdom|\
GB:Great Britain|\
US:United States|\
UM:U S Minor Out.. Isl|\
UY:Uruguay|\
UZ:Uzbekistan|\
VU:Vanuatu|\
XV:Vatican City|\
VE:Venezuela|\
VN:Vietnam|\
VI:Virgin Isles (U.S.)|\
WF:Wallis & Furuna Isles|\
EH:Western Sahara|\
WS:Western Samoa|\
YE:Yemen|\
YU:Yugoslavia|\
ZR:Zaire|\
ZM:Zambia|\
ZW:Zimbabwe|\
';

function TrimString(sInString) {
if ( sInString ) {
sInString = sInString.replace( /^\s+/g, "" );// strip leading
return sInString.replace( /\s+$/g, "" );// strip trailing
}
}

// Populates the country selected with the counties from the country list
function populateCountry(defaultCountry) {
if ( postCountry != '' ) {
defaultCountry = postCountry;
}
var countryLineArray = country.split('|'); // Split into lines
var selObj = document.getElementById('countrySelect');
selObj.options[0] = new Option('Select Country','');
selObj.selectedIndex = 0;
for (var loop = 0; loop < countryLineArray.length; loop++) {
lineArray = countryLineArray[loop].split(':');
countryCode = TrimString(lineArray[0]);
countryName = TrimString(lineArray[1]);
if ( countryCode != '' ) {
selObj.options[loop + 1] = new Option(countryName, countryCode);
}
if ( defaultCountry == countryCode ) {
selObj.selectedIndex = loop + 1;
}
}
}

function populateState() {
var selObj = document.getElementById('stateSelect');
var foundState = false;
// Empty options just in case new drop down is shorter
if ( selObj.type == 'select-one' ) {
for (var i = 0; i < selObj.options.length; i++) {
selObj.options[i] = null;
}
selObj.options.length=null;
selObj.options[0] = new Option('Select State','');
selObj.selectedIndex = 0;
}
// Populate the drop down with states from the selected country
var stateLineArray = state.split("|"); // Split into lines
var optionCntr = 1;
for (var loop = 0; loop < stateLineArray.length; loop++) {
lineArray = stateLineArray[loop].split(":");
countryCode = TrimString(lineArray[0]);
stateCode = TrimString(lineArray[1]);
stateName = TrimString(lineArray[2]);
if (document.getElementById('countrySelect').value == countryCode &&
countryCode != '' ) {
// If it's a input element, change it to a select
if ( selObj.type == 'text' ) {
parentObj = document.getElementById('stateSelect').parentNode;
parentObj.removeChild(selObj);
var inputSel = document.createElement("SELECT");
inputSel.setAttribute("name","state");
inputSel.setAttribute("id","stateSelect");
parentObj.appendChild(inputSel) ;
selObj = document.getElementById('stateSelect');
selObj.options[0] = new Option('Select State','');
selObj.selectedIndex = 0;
}
if ( stateCode != '' ) {
selObj.options[optionCntr] = new Option(stateName, stateCode);
}
// See if it's selected from a previous post
if ( stateCode == postState && countryCode == postCountry ) {
selObj.selectedIndex = optionCntr;
}
foundState = true;
optionCntr++
}
}
// If the country has no states, change the select to a text box
if ( ! foundState ) {
parentObj = document.getElementById('stateSelect').parentNode;
parentObj.removeChild(selObj);
// Create the Input Field
var inputEl = document.createElement("INPUT");
inputEl.setAttribute("id", "stateSelect");
inputEl.setAttribute("type", "text");
inputEl.setAttribute("name", "state");
inputEl.setAttribute("size", 20);
inputEl.setAttribute("value", postState);
parentObj.appendChild(inputEl) ;
}
}

function initCountry(country) {
populateCountry(country);
populateState();
}
Aug 5 '06 #3

P: n/a

Adam Smith wrote:
Hi Randy,
Was trying to keep the post small by not posting the code.
The way to keep it small is to reduce it to post a small example that
illustrates the problem or provide a link. We didn't need hundreds of
lines of data files, probaly 5 or 10 would be plenty.
BTW, my
apology for the late response, I was dealing with a crescendo of
computer problems. The code is sort of lengthy and includes an
additional datafile. (I'll repost and shorten the original repl quote in
the interest of space, hope you'll be able to pick up the thread easily)
That doesn't save space, it wastes even more...

The sript is "A simple international country and state drop down list
that automatically repopulates the state section based on the country
selected without page refreshes. Select a country and the country's
states or provinces are listed ........ If the country doesn't have any
states or provines configured, an empty text box is displayed."
So you have a select element whose content is dependent on another
select - there are hundreds of those around, one is here:

<URL: http://www.javascripttoolbox.com/lib/dynamicoptionlist/ >

You will need to re-format the data files and make a few modifications.
Incidentally, setAttribute is broken on some popular browsers, so
avoid using it if possible and use 'dot' property accessors:

e.g. instead of:
inputEl.setAttribute("size", 20);

use:
inputEl.size = '20';

[...]
--
Rob

Aug 5 '06 #4

P: n/a
Java and JavaScript are slightly different, but anyway...

I noticed your first script tag in the head section is not closed.
Could that be part of the problem?

Aug 8 '06 #5

This discussion thread is closed

Replies have been disabled for this discussion.