在一个下拉菜单中，当选择一个菜单时，在他下面一行的文本框就变为可操作的？？？？

if (document.all. FieldDataType.options(document.all. FieldDataType.options.seletedIndex).value=="char")
 document.all.a.disabled=false
else
document.all.a.disabled=true

解决方案 »

  1.   

    <script language=javascript>
    function change(obj){
    if(obj=="char"||obj=="varchar"){
    document.form1.a.disabled=false;
    }else document.form1.a.disabled=true;
    }
    </script><form name="form1">
      <table>
        <tr>
          <td align="right">FieldDataType&nbsp;</td>
          <td>
            <select name="FieldDataType" onChange="change(this.value)">
              <option value="char">Char</option>
              <option selected>Boolean</option>
              <option value="varchar">VarChar</option>
            </select>
          </td>
        </tr>
        <tr>
          <td align="right">FieldDataLength&nbsp;</td>
          <td>
            <input type="text" name="a" disabled>
          </td>
        </tr>
      </table>
    </form>
      

  2.   

    <HTML>
    <HEAD><SCRIPT LANGUAGE="JavaScript">
    function change(){
    var gv=form1.FieldDataType.value;
    alert(gv);
    if(gv=="char"||gv=="varchar"){
    form1.a.disabled=false;
    }
    else{
    form1.a.disabled=true;
    }
    }
    </SCRIPT>
    </HEAD><BODY>
    <form name="form1"> 
    <table>   
     <tr><td align="right">FieldDataType&nbsp;</td><td><select name="FieldDataType" onchange="change()"><option value="char">Char</option>
                  <option selected>Boolean</option><option value="varchar">VarChar</option   </select></td></tr>
         <tr><td align="right">FieldDataLength&nbsp;</td><td><input type="text" name="a" disabled></td></tr>
    </table></form>
    </BODY>
    </HTML>