also @ TechSpot: Apple CEO declines $75 million payout in stock dividends

TechSpot

Javascript for a HTML <select> possible?

Discussion in 'Software Apps' started by RealBlackStuff, Sep 10, 2004.

Thread Status:
Not open for further replies.
  1. RealBlackStuff Newcomer, in training

    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.
  2. DigitAlex TechSpot Paladin

    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
  3. RealBlackStuff Newcomer, in training

    Thanks DigitAlex,
    I'll try that out and let you know.
    Sounds simple enough if it works!
  4. RealBlackStuff Newcomer, in training

    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>
    
Thread Status:
Not open for further replies.