JavaScript显示隐藏的输入

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

这是我的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>

#19岁及以上的成年人
1.
2.
3.
4.
5.
6.
7.
8.

---

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

那么您想根据给定的数字生成

n

输入数吗？在StackOverflow上，您需要付出一些努力，首先尝试一些东西。试一试。看看这是否回答了你的问题？最多8个输入。当然有一个限制，您可以复制代码并使用

display:none

来显示/隐藏元素。但这是一种非常糟糕的做法。所以最好考虑一下这个问题，因为你没有限制。