STORING COMBO BOX 'OPTIONS AND THEIR VALUES' IN AN EXTERNAL .JS FILE.

seba070707 · Aug 8, 2001

Hello!! I am Seba from Argentina.

You answered all my questions! THANKS A LOT TO EVERYBODY !!!

I am building a big web site, that's why I posted a lot of questions and I'll post more!
My question now is: CAN I STORE COMBO BOX OPTIONS (AND THEIR VALUES) IN AN EXTERNAL .JS FILE????

In my site, a lot of pages will have the same combo box with the same options and values and I think that it would be better if I store all the combo information in ONE JS file. Because it will be easier to UPDATE in the future.

If it is possible, please tell me how to call the options and values that are stored in the JS file and 'carry' them to the HTML page. Please, make a small example if possible.

THANKS AGAIN !!!!!!!

dianal · Aug 9, 2001

Yes, it is possible.
========
combo.js
========
combo1 = new Array;
combo2 = new Array;

combo1[0] = "--Select country--";
combo1[1] = "USA";
combo1[2] = "UK";

combo2[0] = "--Select access--";
combo2[1] = "Web access";
combo2[2] = "Email access";
combo2[3] = "FTP access";
// you can extend them as you need

==========
combo.html
==========
<HTML>
<HEAD>
<TITLE> Combo </TITLE>
<script language="JavaScript" src="combo.js"></script>
<script language="JavaScript">
function populate(combo, cboname) {
// combo is array, cboname is string
// return proper string for a combo box
str = "\n"; // \n is for new line
str += "<select name=\"" + cboname + "\">\n"; // \" escapes quotes
for (opt=0; opt<combo.length; opt++) {
str += "<option value=\"" + combo[opt] + "\">"+ combo[opt] + "</option>\n";
}
str += "</select>\n";
return str;
}
function testvalues(frm){
// check to see if the value scan be accessed.
// NS has problems with such function, IE is OK
// frm is the form
for (opt=0; opt < frm.elements.length-2; opt ++) {
// -2 is because I do not want values for buttons
alert(frm.elements[opt].value)
}
}
</script>
</HEAD>
<BODY>
<form name="myForm" method="post" onSubmit="testvalues(this);">
<script language="JavaScript">
document.write(populate(combo1,"combo1&quot

);
document.write("<br>&quot

document.write(populate(combo2,"combo2&quot

);
</script>
<br>
<input type="submit" value="Submit"> <input type="reset" value="Reset">
</form>
</BODY>
</HTML>

baad · Aug 10, 2001

seba, i think u wuld better use server side includes:
 for further info check thread215-101852
or post in perl, php or cgi forums of this GREAT site
but if u wanna do it via javascript, i think dianal wrote a good tip for ya.. regards, vic

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

STORING COMBO BOX 'OPTIONS AND THEIR VALUES' IN AN EXTERNAL .JS FILE.

seba070707

Programmer

dianal

Instructor

baad

Programmer

Similar threads

Part and Inventory Search

Sponsor