-1

ユーザーは、名前、住所、性別、ストリーム、およびモジュールを挿入できる必要があります..ユーザーがクリアボタンをクリックすると、フォームがクリアされ、ユーザーがOKボタンをクリックすると、名前とアドレスがフォームの下に表示されます..

問題: クリア ボタンが正しく機能しません。どうすれば修正できますか??

アプリケーション.htm

<!DOCTYPE html>
<html>
 <head>
 <script type="text/javascript" src="ApplicationForm.js"></script>
 </head>


 <body>
<form id="frm1">
            <!-----Application Table ---->
<table cellpadding="8">
<tr>
                 <td>Name</td>
                 <td><input type="text" id="txtName" size=30 value=" "></td>
           </tr>

<tr>
                 <td> Address</td>
                 <td><input type="text" id="txtAdd" size=30 value=" "></td>
           </tr> 

<tr>
                 <td>Gender</td>
                 <td><input type="radio" name="sex" value="M"> Male
                         <input type="radio" name="sex" value="F"> Female </td>
</tr>

<tr>
                  <td>Stream </td>
                  <td><select name="stream">
      <option id="0" value="0">---Select stream---</option>
      <option id="1" value="se">SE</option>
                  <option id="2" value="isbm">ISBM</option>
                  </select><br  /> </td>
</tr>

<tr>
      <td>Modules</td>
      <td><input type="checkbox" name="module" value="m1"> M1
                          <input type="checkbox" name="module" value="m2"> M2
              <input type="checkbox" name="module" value="m3"> M3
                          <input type="checkbox" name="module" value="m4"> M4 

</td>
</tr>

            <tr>
     <td><input type="button" name="submit" value="OK" onclick="clickOk()">
                         <input type="button" name="reset" value="Clear" 
                           onclick="formReset()"></td>
           </tr>



</table>
</form>
       <div id="display"></div>

 </body>
</html>

ApplicationForm.js

function clickOk(){

  if(document.getElementById("txtName").value!=" "){

              if(document.getElementById("txtAdd").value!=" "){

                   var nam=document.getElementById("txtName").value;
                   var add=document.getElementById("txtAdd").value;

              document.getElementById("display").innerHTML="<hr>Hi 
             "+nam+"<br>Address: "+add;
                        }

              else 
                   alert("Please enter your Address");
              }

else 
         alert("Please enter your Name");
}


function formReset()
{
document.getElementById("frm1").reset();
}
4

2 に答える 2