javascript - JavaScript 显示隐藏的输入

Question

我有一个简单的表单，它有一个选择来添加一些人，我希望根据用户选择的数字显示输入。

这是我的 HTML

<div class="quote-form__item" id="DependentsCount">
    <label class="quote-form__item" for="DependentsCount">
        <select class="quote-form__select" id="DependentsCount" name="extra[health_depents_count]">
            <option value=""># of adults 19 and over</option>
            <?php  if(!empty($data['extra[health_depents_count]'])):  ?>
                <option value="<?php echo $data['extra[health_depents_count]'] ?>" selected ><?echo $data['extra[health_depents_count]'] ?></option>
            <?php  endif;  ?>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="4">5</option>
            <option value="4">6</option>
            <option value="4">7</option>
            <option value="4">8</option>
        </select>
    </label>
</div>

<div class="page-quote-form__item" id="AdultItem1" style="display:none;">
  <label class="quote-form__item" for="Adult1">
      <input class="quote-form__input only-numbers" id="Adult1" type="tel" name="extra[health_adult_1]" maxlength="2" required placeholder="Age of the 1st adult" aria-label="Age of the 1st adult">
  </label>
</div>

<div class="page-quote-form__item" id="AdultItem2" style="display:none;">
    <label class="quote-form__item" for="Adult2">
        <input class="quote-form__input only-numbers" id="Adult2" type="tel" name="extra[health_adult_2]" maxlength="2" required placeholder="Age of the 2st adult" aria-label="Age of the 2st adult">
    </label>
</div>

我希望你能帮助我，谢谢。

标签： javascriptphphtmlcss