2015-10-14 72 views
0

後顯示2級我怎麼能夠顯示選擇菜單時,有人選擇在風格ID值的選項?代碼就是這樣。
HTML:jQuery的選擇變化選擇

<div class="row"> 
     <select name="style" id="style"> 
       <option value="banner"></option> 
       <option value="text"></option> 
       <option value="vedio"></option> 
      </select> 
      </div> 
      <div class="row"> 
      <select name="language" id="language" style="display:none;"> 
       <option value="EN"></option> 
       <option value="ES"></option> 
       <option value="FR"></option> 
      </select> 
      </div> 
      <div class="row"> 
      <select name="english" id="english" style="display:none;"> 
       <option value="text"></option> 
       <option value="img"></option> 
       <option value="vedio"></option> 
      </select> 
      </div> 
      <div class="row"> 
      <select name="spanish" id="spanish" style="display:none;"> 
       <option value="text"></option> 
       <option value="img"></option> 
       <option value="vedio"></option> 
      </select> 
      </div> 
      <div class="row"> 
      <select name="french" id="french" style="display:none;" > 
       <option value="text"></option> 
       <option value="img"></option> 
       <option value="vedio"></option> 
      </select> 
      </div> 

SCRIPT:

$('#style').change(function(){ 
     selection = $(this).val(); 
     switch(selection) 
     { 
      case 'text': 
       $('#language').show(); 
       break; 
      default: 
       $('#language').hide(); 
       break; 
     } 
    }); 
    $('#language').change(function(){ 
     selection = $(this).val(); 
     switch(selection) 
     { 
      case 'EN': 
       $('#english').show(); 
       break; 
      default: 
       $('#english').hide(); 
       break; 
     } 
    }); 

我想選擇的文本價值,我得到語言的選擇,當我選擇的語言,我得到花葯選擇菜單

+0

我不明白,ü可以explane更多 –

回答

0

嘗試改變

selection = $(this).val();

selection = $('#style option:selected').val(); 
0

您正在使用id selector$('#language')和你的選擇沒有任何標識。您應該爲每個選擇提供ID,或者使用attribute-equals選擇器$('[name="language"]')來代替。