jQuery选择后改变显示2级选择

jQuery chosen change display 2 level after select

本文关键字:选择 2级 显示 jQuery 改变      更新时间:2023-09-26

当有人选择样式id中的值选项时,我如何能够显示选择菜单?代码是这样的:
HTML:

  <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>

脚本:

  $('#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;
       }
    });

我想选择文本值我得到语言选择当我选择语言我得到另一个选择菜单

您正在使用id选择器$('#language'),并且您的选择没有id。您应该为每个选择提供id,或者使用属性=选择器$('[name="language"]')

尝试更改

selection = $(this).val();

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