根据上一个字段答案自动填充下一个选择框答案

【问题标题】：Auto populate next select box based on previous field answer根据上一个字段答案自动填充下一个选择框
【发布时间】：2015-09-21 10:49:22
【问题描述】：

如果第一个问题的答案是 1，我有 2 个问题> 我希望下一个答案自动填充为是。有人可以引导我朝着正确的方向前进吗？

<div class="field">
  <!-- Number of Employees -->
  <label>Number of Employees</label>
  <div class="styled-select">
    <select name="NoOfEmployees" class="validate[required]" data-prompt-position="topLeft:110,15">
      <option value="">Please select</option>
      <?php
      foreach (range(0, 49) as $number) {
          echo '<option value="'.$number.'">'.$number.'</option>';
      }
      ?>
      <option value="50 Plus">50+</option>
    </select>
  </div>
</div>

<div class="field">
  <!-- Employers Liability Cover Required -->
  <label>Employers Liability Cover Required</label>
  <div class="styled-select">
    <select name="EmployersLiabilityCover" class="validate[required]" data-prompt-position="topLeft:110,15">
      <option value="">Please select</option>
      <option value="Yes">Yes</option>
      <option value="No">No</option>
    </select>
  </div>
</div>

如果答案是 0，那么我只需要将下一个问题保留为请选择。

【问题讨论】：

标签： php jquery html forms

【解决方案1】：

使用 jquery onchange，
给选择框输入单独的 id，
使用 jquery val() 获取选择框值
使用 if 条件检查其是否大于 0

代码如下

员工人数

需要雇主责任险

$('#select1').on('change', function() { 如果（this.value>0） { $("#select2").val("是"); } 别的 { $("#select2").val(""); } }); 脚本>

【讨论】：