Question

Am正在处理一个多步骤表单，该表单具有一个下拉列表，用户可以在其中选择自己拥有的孩子数。接下来，我要使用下拉菜单（在表单的步骤1）中选择的子代数，根据下拉菜单中选择的孩子数，有条件地显示输入字段（在表单的步骤3）。。

例如，如果用户在下拉列表中选择了4个孩子，那么我想在表单的第3步中显示4个输入字段。.Cant似乎弄清楚了逻辑..请帮忙？

布局

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

根据下拉列表中的值动态显示一些输入字段

0 个答案: