Javascript error

I have a form where I check a ranking of an item, if the items rank is greater than 0, then I want to display a hidden table cell. Here is how I am doing it, but it isn't working.
Can anyone tell me what the problem is???

VB Code:

'The function to show or hide the cell in the table
function CheckRanking(RankValue, elementTag)
{
    if(RankValue >= 1)
    {
        document.forms[0].getElementById(elementTag).style.visibility ='visible';
    }
    else
    {
        document.forms[0].getElementById(elementTag).style.display = 'none';
    }
}
 
'This is the row where the item is ranked
<td class="ESP_Data_Border" ><input maxlength="3" size="4" name="txtPriority" value="0" OnBlur="CheckRanking(this.value, 'ENHANCEMENTVERSION_B4370631-06B8-4DE4-864A-021ACDAD3087');"></td>
 
'This is the cell that should show or hide based on the rank entered into the cell above
<td id="ENHANCEMENTVERSION_B437063106B84DE4864A021ACDAD3087" class="ESP_Data_Border" STYLE="visibility: hidden"><select name="lstVersions"><option>HERE ARE THE VERSIONS</option></select></td>

but I keep getting a "object doesn't support this property or method" error.

getElementById only exists on the document object itself.

okay, I took out the forms[0] and now I get "Object Required" error.

VB Code:

function CheckRanking(RankValue, elementTag)
{
    if(RankValue >= 1)
    {
        document.getElementById(elementTag).style.visibility ='visible';
    }
    else
    {
        document.getElementById(elementTag).style.display = 'none';
    }
}
 
'This is the row where the item is ranked
<td class="ESP_Data_Border" ><input maxlength="3" size="4" name="txtPriority" value="0" onBlur="CheckRanking(this.value, 'ENHANCEMENTVERSION_B4370631-06B8-4DE4-864A-021ACDAD3087');"></td>
 
'This is the cell that should show or hide based on the rank entered into the cell above
<td id="ENHANCEMENTVERSION_B437063106B84DE4864A021ACDAD3087" class="ESP_Data_Border" STYLE="visibility: hidden"><select name="lstVersions"><option>HERE ARE THE VERSIONS</option></select></td>

I don't know why. But are you aware that your show and hide lines don't counteract each other?

Also, what browsers are you testing in?

you are making the argument a string right? not an object itself.

Here's what I have.

VB Code:

function CheckRanking(RankValue, elementTag)
{
    if(RankValue >= 1)
    {
        document.getElementById(elementTag).style.display ='';
    }
    else
    {
        document.getElementById(elementTag).style.display = 'none';
    }
}
 
[color=red]This column determines if the next column should be shown or hidden[/color]
<td class="ESP_Data_Border" ><input maxlength="3" size="4" name="txtPriority" value="0" OnBlur="CheckRanking(this.value, 'ENHANCEMENTVERSION_E9AAD463-70D2-4EAE-A3C6-E296F6AC9E94');"></td>
 
[color=red]Column to be shown/hidden[/color]
<td id="ENHANCEMENTVERSION_E9AAD46370D24EAEA3C6E296F6AC9E94" class="ESP_Data_Border" STYLE="visibility: hidden"><input type="hidden" name="varVersionEnhancementID" value="{E9AAD463-70D2-4EAE-A3C6-E296F6AC9E94}"><select name="lstVersions"><option>HERE ARE THE VERSIONS</option></select></td>

If the value of the text box is greater than or equal to 1, then I want the second column to be displayed, so the user can select the correct option from the dropdown.

When I do an alert on either of the variables passed, they work fine. But I get an "Object Required" error when the code runs.

What does
alert(document.getElementById(elementTag));
output?

Shouldn't ENHANCEMENTVERSION_E9AAD463-70D2-4EAE-A3C6-E296F6AC9E94 equal the id of the next element?

Problem solved.