0

このコードでは、ステータス (フィールドの上) で APPROVED が選択されている場合は Department フィールドを無効にする必要があり、CLARIFICATIONS が選択されている場合は有効にする必要があります。私たちを助けてみてください！

<form name="index" action="Director">
    <table border="0"  style="width:300px">
        <tbody bgcolor>
            <p> Date: <%= df.format(new java.util.Date()) %> </p>
            <tr>
                <td height="40"><font color="Blue">Branch:</td>
                <td>

                    <select name="dbranch" id="dbranch" >
                        <option value="Select">Select</option>
                        <option value="Kakinada">Kakinada</option>
                        <option value="Vishakapatnam">Vishakapatnam</option>
                        <option value="Tirupathi">Tirupathi</option>
                        <option value="Vijayawada">Vijayawada</option>
                        <option value="Warangal">Warangal</option>
                        <option value="Hyderabad">Hyderabad</option>
                    </select>
                </td>
            </tr>                                
            <tr>
                <td height="40"><font color="Blue">Doc id :</td>
                <td>
                <select id="inw_id" name="inw_id">
                <option value='0'>Select Doc ID</option>
                </select>
                </td>
            </tr>
            <tr>
                <td height="40"><font color="Blue">Status:   </td>
                <td>
                    <select name="status" id="status" >
                        <option value="">Status</option>
                        <option value="Approved">Approved</option>
                        <option value="Clarifications">Clarifications</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td height="40"><font color="Blue">Department:   </td>
                <td>
                    <select name="dept" id="dept" >
                        <option value=""> </option>
                        <option value="Admin">Admin</option>
                        <option value="Accounts">Accounts</option>
                        <option value="Other">Other</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
    <tr><td><td align="right"><input name="submit" type="submit" value="Submit"style="background-color:LightBlue;margin-left:15px;height: 40px;width: 100px; margin-right: -30px;"></td></td></tr>
</form>

関数を書いてみましたが、うまくいきませんでした:(

function doenable() {
    if(document.getElementById("status")!="null") {
        document.getElementById("department").disabled=false;
    }
}
4

3 に答える 3

0

選択フィールドに onchange 関数を設定してみてください。これを試してください：

<select name="status" id="status" onchange="doenable()" >
  <option value="">Status</option>
  <option value="Approved">Approved</option>
  <option value="Clarifications">Clarifications</option>
</select>

そしてあなたのJavaScript関数：

function doenable() {
  if(document.getElementById("status").value != "" {
    document.getElementById("department").enabled = false;
  } else {
    document.getElementById("department").enabled = true;
  }
}

私があなたなら、一般的な js よりも簡単で優れた jQuery を使用します。

于 2013-05-13T19:02:46.567 に答える
0

プレーンな JavaScript ソリューションが必要な場合は、次を試してください。

<html>

<head>
  <script type='text/javascript'>
    function change(theStatus) {
      if (theStatus.value === "Approved") {
        document.getElementById("dept").disabled = true;
      } else {
        document.getElementById("dept").disabled = false;
      }
    }
  </script>
</head>

<body>
  <select name="status" id="status" onchange="change(this)">
    <option value="">Status</option>
    <option value="Approved">Approved</option>
    <option value="Clarifications">Clarifications</option>
  </select>
  <select name="dept" id="dept">
    <option value=""></option>
    <option value="Admin">Admin</option>
    <option value="Accounts">Accounts</option>
    <option value="Other">Other</option>
  </select>
</body>

</html>

于 2013-05-13T19:52:19.417 に答える