2015-07-03 43 views
3

如果第一個問題的答案是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,那麼我只需要下一個問題留在請選擇。

回答

1
使用jQuery平變化,
給予選擇框輸入單獨的ID,
使用jQuery VAL()來取得選擇框值
使用if條件,以檢查顯示在下面

其大於0

代碼

 
<div class="field"> 
    <!-- Number of Employees --> 
    <label>Number of Employees</label> 
    <div class="styled-select"> 
     <select name="NoOfEmployees" class="validate[required]" id="select1" 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" id="select2" 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> 

<script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
<script> 
    $('#select1').on('change', function() { 
     if(this.value>0) 
     { 
      $("#select2").val("Yes"); 
     } 
     else 
     { 
      $("#select2").val(""); 
     } 
    }); 
</script> 

+1

這工作就像一個治療非常感謝你! –

相關問題