Changing the text of a div

[kirkage]

I'm trying to update a div based on the selection from a select. I've found many pages, including one on here that describes the way I am doing this is correct but it still fails.

I get the error "Object doesn't support this property or method" at the line document.getElementByID("lblDescription").firstChi ld.nodeValue = aPackageDescriptions[i]. Here is the code.

<script language="JavaScript">
var aPackageDescriptions = new Array()
 
aPackageDescriptions[0] = "Rollin VIP"
aPackageDescriptions[1] = "Don't be late."
function ShowDescription(i)
{
    document.getElementByID("lblDescription").firstChild.nodeValue = aPackageDescriptions[i]
}
 
</script>
    <table>
    <tr>
        <th>Package Plan</th>
        <td>
            <select name="ddlPackagePlan" onChange="ShowDescription(ddlPackagePlan.selectedIndex)">
<option value="1">Test Package</option>
<option value="2">Meet me at the gate.</option>
            </select>
        </td>
    </tr>
    <tr>
        <th>&nbsp;</th>
        <td>
            <fieldset>
            <legend>Description</legend>
                <div id="lblDesciption">&nbsp;</div>
            </fieldset>  
    </table>
 

Does anyone see something wrong with this? Any help is appreciated.

[kirkage]

<div id="lblDesciption">&nbsp;</div>

This is actually "lblDescription." It was a typo from copy-paste. Doesn't work with the correct spelling.

[gits]

the following code works :) ... compare it to yours please ... there were some closing tags of td, tr missing, use 'getElementById' correct, have a look at the onChange-change ;)

<script language="JavaScript">
    var aPackageDescriptions = new Array()
 
    aPackageDescriptions[0] = "Rollin VIP"
    aPackageDescriptions[1] = "Don't be late."
 
    function ShowDescription(i) {
        document.getElementById("lblDescription").firstChild.nodeValue = aPackageDescriptions[i]
    }
</script>
 
<table>
    <tr>
        <th>Package Plan</th>
        <td>
            <select name="ddlPackagePlan" 
                onChange="ShowDescription(this.selectedIndex)">
                    <option value="1">Test Package</option>
                    <option value="2">Meet me at the gate.</option>
            </select>
        </td>
    </tr>
    <tr>
        <th>&nbsp;</th>
        <td>
            <fieldset>
                <legend>Description</legend>
                <div id="lblDescription">&nbsp;</div>
            </fieldset>
        </td>
    </tr>
</table>
 

[kirkage]

Hmm, I'm usually strict on the proper HTML... guess I missed that somehow. Thank you for the help, it works well now.