下拉菜单的ONCHANGE要怎么用

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
</HEAD><BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowTxtBox(index)
{
with (document.frmTest)
{
if (index < 3)
{
/*alert("<3");*/
txt2.style.visibility = "hidden";
}
else
{
/*alert(">2");*/
txt2.style.visibility = "visible";
}
}
}
//-->
</SCRIPT>
<FORM NAME="frmTest">
<select size="1" name=aracde  size=8 onChange="ShowTxtBox(this.value)">
<option value=1 selected>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select><BR>
<INPUT TYPE="text" NAME="txt1" value="1" style="visiblility:visible"><BR>
<INPUT TYPE="text" NAME="txt2" style="visibility: hidden;" value="2"><BR>
</FORM>
</BODY>
</HTML>

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function ShowTxtBox(index)
    {
    with (document.frmTest)
    {
    if (index < 3)
    {
    /*alert("<3");*/
    txt2.style.visibility = "hidden";
    }
    else
    {
    /*alert(">2");*/
    txt2.style.visibility = "visible";
    }
    }
    }
    //-->
    </SCRIPT>
    <FORM NAME="frmTest">
    <select size="1" name=aracde  size=8 onChange="ShowTxtBox(this.value)">
    <option value=1 selected>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    <option value=4>4</option>
    </select><BR>
    <INPUT TYPE="text" NAME="txt1" value="1" style="visiblility:visible"><BR>
    <INPUT TYPE="text" NAME="txt2" style="visibility: hidden;" value="2"><BR>
    </FORM>
    </BODY>
    </HTML>