Отображение некоторых полей ввода динамически в зависимости от значения из выпадающего списка

Question

Я работаю над многоэтапной формой, в которой есть раскрывающийся список, в котором пользователь может выбрать количество детей, которые у него есть.Далее, я хочу использовать количество дочерних элементов, выбранных в раскрывающемся списке (на шаге 1 формы), чтобы условно отобразить поля ввода (на шаге 3 формы) в зависимости от количества дочерних элементов, выбранных в раскрывающемся списке.,

Например, если пользователь выбирает 4 дочерних элементов в раскрывающемся списке, я хочу показать 4 поля ввода в шаге 3 формы. Не удается понять логику ... Пожалуйста, помогите?

Макет

<div class="check-now" style="width: 100%;">
      <h1 class="cover-travel">Child(ren)</h1>
          <select name="child" id="child">
            <option value="0">None</option>
            <option value="1">1</option>
            <option value="2"> 2</option>
            <option value="3"> 3 </option>
            <option value="4"> 4 </option>
            <option value="5"> 5 </option>
         </select> 
    </div>

Захватить значение

 var child = $('#child').val();

Входные поля для динамического отображения в зависимости отзначение из выпадающего списка

<div class="form-line registar2 {{ $errors->has('childname') ? ' has-error' : '' }}">
      <input type="text-area" placeholder="Child Name" class="form-input" name="childname" id="childName" value="{{ old('childname') }}">
      <div class="check-label"></div>
       @if ($errors->has('childname'))
            <span class="help-block">
            <strong>{{ $errors->first('childname') }}</strong>
            </span>
      @endif
</div>

<div class="form-line registar2 move {{ $errors->has('childDob') ? ' has-error' : '' }}">
    <input type="text" placeholder="Child Date Of Birth" class="form-input dateTextBox" name="childdob" id="childDob" value="{{ old('childDob') }}">
    <div class="check-label"></div>
    @if ($errors->has('childDob'))
          <span class="help-block">
          <strong>{{ $errors->first('childDob') }}</strong>
          </span>
    @endif
</div>