2015-10-14 74 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"]')来代替。