cakePHP和雙下降

Question

我想創建一種雙下拉式。例如，最初選擇框是空的，並帶有向下箭頭。如果你點擊箭頭，你會得到一個有兩個條目的下拉列表：MA和NH。如果你再點擊MA，你會得到另一個與波士頓和伍斯特下拉。如果你點擊NH，你會得到一個下拉式的Concord和Nashua。

Answer 1

據我所知，這與CakePHP沒有關聯。 CakePHP是一個服務器端PHP框架，而不是客戶端庫。這可以用JavaScript來完成，我建議在這裏使用jQuery Library。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<div id="dropdown"> 
    Hover me 
    <div class="state"> 
     MA 
     <div class="city">Boston</div> 
     <div class="city">Worcester</div> 
    </div> 
    <div class="state"> 
     NH 
     <div class="city">Concord</div> 
     <div class="city">Nashua</div> 
    </div> 
</div> 

<style> 
    #dropdown{background-color: yellow;width:200px} 
    .state{background-color: orange;} 
    .city{background-color: lime;} 
    .city,.state{display:none} 
</style> 

<script> 
    $(document).ready(function(){ 
     $("#dropdown").mouseenter(function(){ 
      $(this).find(".state").show() 
      $(this).find(".city").hide() 
     }).mouseleave(function(){ 
      $(this).find(".state").hide() 
     }) 
     $(".state").mouseenter(function(){ 
      $(".city").hide() 
      $(this).find(".city").show() 
     }).mouseleave(function(){ 
      $(".city").hide() 
     }) 
    }) 
</script> 

此代碼僅供參考。它沒有優化，但100％的工作。

切勿使用內聯樣式和腳本。