折りたたみ時にいくつかのフォームフィールドをクリアする方法

Question

私は、オプションのフィールドを含む折りたたみ井戸を含むフォームを持っています。私は彼らがうまくシャットダウンを切り替えるか、またはよくシャットダウンを切り替えるキャンセルボタンを押すことを選択した場合、これらのオプションのフィールドをクリアする方法を把握しようとしています。

<form id="meeting"> 
     <div class="form-group"> 
     <label class="white" for="">Set Meeting Date &amp; Time</label> 
     <input class="form-control" type="text" value="07/26/2017 09:05 pm" id="MeetingTime" name="MeetingTime" /> 
     </div> 

     <button class="btn btn-primary" type="button" data-target="#offSiteMeeting" data-toggle="collapse" aria-pressed="false" autocomplete="off" aria-controls="offSiteMeeting">Offsite Meeting</button> 


     <div class="collapse" id="offSiteMeeting"> 
     <div class="well"> 

      <a class="btn btn-default pull-right" href="" data- toggle="collapse" data-target="#offSiteMeeting" aria-controls="offSiteMeeting">Cancel Offsite</a> 

      <div class="form-group"> 
       <label class="" for="">Meeting Type</label> 
       <select id="meetingType" name="meetingType" class="form-control"> 
       <option value="1">Meeting Type 1 </option> 
       <option value="2">Meeting Type 2 </option> 
       <option value="3">Meeting Type 3 </option> 
       </select> 
      </div><!-- close form-group --> 


      <div class="form-group"> 
       <label class="" for="">Location Name</label> 
       <input class="form-control" type="text" value="" id="name" name="name" placeholder="ex. Jones Family Home" /> 
      </div> 

      <div class="form-group"> 
       <label class="" for="">Address</label> 
       <input class="form-control" type="text" value="" id="address" name="address" placeholder="1234 Some Street City, State Zip"/> 
      </div> 

     </div><!-- close well --> 
     </div><!-- close collapse --> 

     <div class="form-group"> 
     <button type="submit" class="btn btn-default">Submit</button> 
     </div>   
    </form> 

だから私は（フォームID = "会議" で）クリアしたい入力は

ID = meetingType、ID =名前、ID =アドレス

ときもidであります=「offSiteMeetingは」ここ

を崩壊されたウェルを崩壊二つのボタン

<button class="btn btn-primary" type="button" data-target="#offSiteMeeting" data-toggle="collapse" aria-pressed="false" autocomplete="off" aria-controls="offSiteMeeting">Offsite Meeting</button> 

    <a class="btn btn-default pull-right" href="" data-toggle="collapse" data-target="#offSiteMeeting" aria-controls="offSiteMeeting">Cancel Offsite</a> 

Answer 1

はこれを追加していますあなたのボタン

onclick="function() { document.getElementById('meetingType').value = ''; document.getElementById('name').value = ''; document.getElementById('address').value = '';}" 

にパラメータまたはあなたはjqueryのにしている場合

onclick="function() { $('#meetingType').val(''); $('#name').val(''); $('#address').val(''); }"