HTML Web窗體條件字段查詢

我正在使用HTML構建Web窗體，我確信這是一個簡單的查詢，但我無法找到答案。HTML Web窗體條件字段查詢

通過修改以下行：

<div id="A" style="display: none;">

我只能顯示所有的問題或沒有。

當用戶選擇的第一個問題是，那麼DIV ID =那麼就會出現，如果他選擇不，它就會跳到div的ID = B

任何想法，我要的是什麼？

<body>

有遊客到財產

<div id="referrals"> 
    <select id="QuestionOptions"> 
    <p>is there visitors to the property</p> 
     <option value="A">Yes</option> 
     <option value="B">No</option> 
    </select> 
</div> 
<div id="referrals"> 
    <div id="A" style="display: none;"> 
     <div id="QuestionC"> 
      <p>Does he have liability cover</p> 
     </div> 
     <div id="QuestionD"> 
      <select id="QuestionOptionsD"> 
       <option value="G">Yes</option> 
       <option value="H">No</option> 
      </select> 
     </div> 
    </div> 
    <div id="B" style="display: none;"> 
     <div id="QuestionE"> 
      <p>Does he have stock</p> 
     </div> 
     <div id="QuestionF"> 
      <select id="QuestionOptionsF"> 
       <option value="I">Yes</option> 
       <option value="J">No</option> 
      </select> 
     </div> 
    </div> 
</div>

來源

2015-12-16 Matt W

你可以用JavaScript/JQuery的 –

你可以達到你想要使用jQuery的東西。你必須在你<body>標籤的末尾下面的代碼粘貼

<body> 
    ... 
    ...YOUR HTML CODE GOES HERE 
    ... 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><!--THIS LOADS JQUERY FROM GOOGLE CDN--> 
    <script> //this is your javascript function 
    $(document).ready(function(){ 
     $('#QuestionOptions').change(function(){ 
     if ($(this).val() == 'A'){ 
      $('#A').css('display','block'); 
      $('#B').css('display','none'); 
     }else{ 
      $('#B').css('display','block'); 
      $('#A').css('display','none'); 
     } 
     }); 
    }); 
    </script> 
</body>

來源

2015-12-16 13:42:45

做到這一點我不familar與jQuery這是怎麼融入了我的原代碼？ –

@MattW我現在編輯了我的答案。我建議你先學習javascript/jquery，然後使用API文檔來查看函數的正確使用。 [這裏]（http://www.w3schools.com/jquery/）是一個非常好的教程，我開始學習時就習慣了。 –

HTML Web窗體條件字段查詢

回答

相關問題