假设<select name="s1">
<option value="1">完全</option>
<option value="0">只读</option>
</select><input type="text" name="s2" value="">
当我选择“完全”时,表格为可输入修改状态,当我选择“只读”时,表格则为只读状态(例如readonly或disabled)要怎么实现呢?

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <select name="s1" onchange="setReadonly(this)"> 
    <option value="1">完全 </option> 
    <option value="0">只读 </option> 
    </select> 
    <input id="s2" type="text" name="s2" value=""> <SCRIPT LANGUAGE="JavaScript">
    <!--
    function setReadonly(obj)
    {
    if(obj.value=="0")
    {
    s2.readOnly="readonly";
    }
    else
    {
    s2.readOnly="";
    }
    }
    //-->
    </SCRIPT>
     </BODY>
    </HTML>