清除以下表单字段

Question

我有一个多阶段形式，其中的选项取决于之前的选择。如果用户返回并更改表单字段的内容，我需要重置所有以下字段。这些字段并非都是彼此的直接兄弟，而是输入或选择框。我正在使用JQuery来管理表单。

清除表单中所有以下字段的最佳方法是什么？

例如，在下面如果名称[RollerBlindMeasurementType]发生变化，需要清除名称[RollerBlindWidth]，name = [RollerBlindHeight]和名称[RollerBlindFixingType]

 <div class="row">
    <div class="large-6 columns">
          <label for="RollerBlindMeasurementType">Measurement Type</label>
          <select name="RollerBlindMeasurementType">
            <option value="0">Please Choose</option>
            <option value="Blind size">Blind Size</option>
            <option value="Recess">Recess</option>
            <option value="Cloth size">Cloth Size</option>
          </select>
    </div>
    <div class="large-3 columns RollerBlindWidth unseen cr">
          <label for="RollerBlindWidth">Width (mm)</label>
          <input type="text" name="RollerBlindWidth">
    </div>
    <div class="large-3 columns RollerBlindHeight unseen cr">
          <label for="RollerBlindHeight">Height (mm)</label>
          <input type="text" name="RollerBlindHeight">
    </div>
  </div>
    <div class="row">
      <div class="large-4 columns RollerBlindFixingType unseen cr">
                <label>Fixing Type</label>
                <select name="RollerBlindFixingType">
                <option value="0">Please Choose</option>
                <option value="Face Fix">Face fix</option>
                <option value="Top Fix">Top fix</option>
                <option value="Side Fix">Side fix</option>
              </select>
      </div>