Just starting messing with everything, my friend is a much bigger comp guy but i try. anyways for a school chemistry project im makign a xml based database/webpage.

Im almost done, but decided ill ask some real help with the script while i play around with it.

heres a bit of the xml:
<?xml version="1.0" ?>
<?xml-stylesheet type="text/xsl" href="testxsl2c.xsl" ?>
<chemistry>
<!-- vocab_word is each word
order is just number values to load each page seperately -->
<vocab_word wordname="viscosity">
<word>Viscosity</word>
<order>1</order>
<definition> The measure of the resistance of a liquid to flow </definition>
<example> </example>
<uses>any liquid</uses>
</vocab_word>
<!-- this is a complete node -->

<vocab_word wordname="surface tension">
<word>Surface Tension</word>
<order>2</order>
<definition>The energy required to increase the surface area of a liquid by a given amount</definition>
<example> </example>
<uses> </uses>
</vocab_word>

<vocab_word wordname="surfactants">
<word>Surfactants</word>
<order>3</order>
<definition>Compounds that lower the surface tension of water</definition>
<example> </example>
<uses>soaps and detergants</uses>
</vocab_word>
</chemistry>

and the xsl: (plz note i was just messing with the script, not only does it do nothign its probably not even written write) also notice you can change the @wordname in the bottom area to a dif words attribute and it will load that words info.
see bottom for question.

<?xml version="1.0" ?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<style type="text/css">
@import "chemxml.css";
</style>
<title>Chemistry xml project</title>
<script language="javascript">
<!--
function loadinfo() {
var chosen = document.selector.dropdown.value
}

// -->
</script>
</head>
<body>

<xsl:apply-templates />

</body>
</html>
</xsl:template>

<!-- end of xhtml...start templates (output) -->

<xsl:template match="/chemistry">
<div id="divhead">
<div id="divtitle">TITLE </div>
</div>
<div id="divinstructions">
<form name="selector">
<select name="dropdown">
<option>--Choose a word--</option>
<xsl:for-each select="/chemistry/vocab_word">
<option value="@wordname"><xsl:value-of select="word" /></option>
</xsl:for-each>
</select>
<input type="button" onclick="loadinfo()" value="info" src="" />
Choose the vocab word you want to see from the drop down menu.
</form> </div>
<!-- used to be (works now, so dont need this but nice referance)
</xsl:template> <xsl:template match="/chemistry/vocab_word[@wordname='viscosity']">
-->

<div id="divencap">
<div id="divmain">
<xsl:for-each select="/chemistry/vocab_word[@wordname='viscosity']">
<h1> <xsl:value-of select="word" /> </h1>
<h2> <xsl:value-of select="definition" /> </h2>
</xsl:for-each>
<p class="example"> huge text, lots of it, example blah blah blah blah blah </p>
<button> next word &gt;&gt; </button>
</div>
</div>
<div id="divfoot">
Copyright Aaron Kane. just <a href="mail.to:barcode5236@yahoo.com">Email me</a> for permission to use yourself.
</div>
</xsl:template>


</xsl:stylesheet>
and thats what im wondering, i know i need some sort of dom script to take the value they input in the drop down menu and load it into the value of select in the bottom. any help or even small ideas thatll lead the way would be helpful

thanks a bunch!