根據(jù)上一個下拉框中的選擇顯示/隱藏<div>標(biāo)記

我已經(jīng)閱讀了很多關(guān)于堆棧溢出的教程和答案，但它仍然不適用于me.Upon從下拉菜單中選擇一個選項（是）->它應(yīng)該顯示<div>標(biāo)記，否則<div>應(yīng)該被隱藏。

下面是我的代碼：

<h4>1. Does your school participate in the sponsored CAT4 scoring initiative?</h4>
            @{
                List<SelectListItem> listItems = new List<SelectListItem>();
                listItems.Add(new SelectListItem
                {
                    Text = "Yes",
                    Value = "True"
                });
                listItems.Add(new SelectListItem
                {
                    Text = "No",
                    Value = "False"
                });
            }
            <div class="form-group" id="PickOption">
                <div class="col-md-10">
                    @Html.DropDownListFor(model => model.ParticipateInCAT4Scoring, listItems, "<----Select Yes or No---->", new { @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.ParticipateInCAT4Scoring, "", new { @class = "text-danger" })
                </div>

            </div>

            <div id="OnYes" class="form-group" style="display:none">
                @Html.Label("For what Grade levels?", htmlAttributes: new { @class = "control-label col-md-2" })
                <div class="col-md-10">
                    @Html.EditorFor(m => m.GradeLevelsCAT4, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(m => m.GradeLevelsCAT4, "", new { @class = "text-danger" })
                </div>

            </div>

下面是我放在查看頁面底部的腳本文件：

@section Scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            $('#PickOption').on('change', function () {
                if ($(this).val() == 'True') {
                    document.getElementById('OnYes').style.display = "";
               

                }

                    else {
                    
                 document.getElementById('OnYes').style.display = "none";
                 
                    }
                });
            });
    </script>

}