Javascript 如何在折叠时清除某些窗体字段

我有一个表单，其中包含一个带可选字段的塌陷井。我试图弄清楚，如果他们选择切换关井，或者点击同样切换关井的取消按钮，如何清除这些可选字段

    <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>

设定会议日期和时间；时间
场外会议
会议类型
会议类型1
会议类型2
会议类型3
地点名称
地址
提交

因此，我要清除的输入（在表单id=“meeting”）是

id=会议类型，id=姓名，id=地址

当id为=“OffItemSeeting”的油井坍塌时

这里有两个按钮可以使井坍塌

    <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>

场外会议

将此参数添加到按钮中

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

或者如果您喜欢jquery

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