Javascript for a HTML <select> possible?

Status
Not open for further replies.

RealBlackStuff

Posts: 6,450   +3
Hello Javascript Gurus,

Is there a way to put the following HTML-coding into a Javascript file? (something.JS)

<SELECT NAME="Surname" CLASS="quoteform"><br>
<option selected>Select Surname
<option>Connolly
<option>Gallagher
<option>O'Brien
etc.
</select>

I have a webpage with photos of Family Crests and crested paraphernalia, each of which is only available in the (selectable) Surnames.

Crested items are available in different groups of names. Rather than having the same SELECT code under each photo, I would prefer to call up a Javascript, in which I can stick the complete selection.

Any sample-scripts greatly appreciated.

I searched the WWW intensively, but no samples found.
 
put all the HTML in a javascript variable like :

var a =
"some HTML" +
" some more HTML";

then do a

document.write(a);

in the place you wanna insert the HTML
 
That took a bit of fumbling, but this is the (working) result:

Create a "filename.js" with e.g. text:
Code:
<!-- Start

function dothis()
{
document.write('<SELECT NAME="surname"  CLASS="quoteform">');
document.write('<option selected> Select');
document.write('<option>Allen	');
document.write('<option>Anderson	');
document.write('<option>Barrett	');
etc.
document.write('</select>');
}
dothis();
//  End -->


And in the main HTLM source, you only need to enter something like this:

Code:
Surname:
<script language="JavaScript" src="filename.js"></script>
 
Status
Not open for further replies.
Back