Question

当有人在样式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;
       }
    });

我希望选择文本值当我选择语言时我会选择语言我会选择另一个菜单

Answer 1

尝试更改

selection = $(this).val();

到

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

Answer 2

您使用的是id selector $('#language')，您的选择没有ID。您应该为每个选项指定ID，或使用attribute-equals选择器$('[name="language"]')代替。

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

2 个答案: