Javascript 如何根据jQuery中以前的select标记获取特定的select选项？

当我选择SCIENCE作为前一个选择标记时，我想在选择选项中获得PCMB和PCMC之类的选项，而当我选择Commerce时则什么都没有

---

您必须对代码进行几处更改才能达到预期的结果

如果希望仅在用户选择特定值后才显示第二个选择框，则最初不应在DOM中包含该框

您必须向选择选项添加值

您可以将类或Id添加到选择框中

使用Jquery.on'change'函数来实现您想要的结果

请使用以下代码以供进一步参考

var selectLevelTwo='Branch*

selectpcmbpcmcms'； $document.on'change'，'选择一级'，函数{ var firstSelectValue=$。选择一级选项：selected'.val； iffirstSelectValue==“科学”{ $this.parent.leveltwo； }否则{ $。选择第二级。淡出“快速”； } }; 课程*

选择 科学 商业 艺术类 年*

选择 01 02

---

您的jquery代码在哪里？我只需要jquery。请添加您的jquery或javascript代码非常感谢先生：很高兴这有帮助。请尝试在将来的问题中提供相关代码：当然可以，先生。我会的

<div class="row Time">
    <div class="col-md-4 col-sm-4">
        <p>Course<span class="astric">*</span></p>
        <select class="Academic">
            <option value="">Select</option>
            <option value="" id="Science">Science</option>
            <option value="" id="Commerce">Commerce</option>
            <option value="" id="Arts">Arts</option>
        </select>
    </div>
    <div class="col-md-4 col-sm-4">
        <p>Branch<span class="astric">*</span></p>
        <select class="Academic">
            <option value="" id="Select">Select</option>
            <option value="" id="PCMB">PCMB</option>
            <option value="" id="PCMC">PCMC</option>
            <option value="" id="PCMS">PCMS</option>
        </select>
    </div>
    <div class="col-md-4 col-sm-4">
        <p>Year<span class="astric">*</span></p>
        <select class="Academic">
            <option value="">Select</option>
            <option value="" id="01">01</option>
            <option value="" id="02">02</option>
        </select>
    </div>
</div>