Html 如何通过选择单选按钮禁用下拉列表?

Html 如何通过选择单选按钮禁用下拉列表?,html,asp.net-mvc,razor,Html,Asp.net Mvc,Razor,我不熟悉MVC和HTML。我试图通过选择单选按钮来禁用或隐藏下拉列表。我不知道如何做到这一点。我是初学者,对此一无所知。请帮忙。 下面是我的代码 <input onselect="" type="radio" style="width: 50px" name="name" id="rad1" checked="checked"> <label style="width: 100px;" for="rad1">

我不熟悉MVC和HTML。我试图通过选择单选按钮来禁用或隐藏下拉列表。我不知道如何做到这一点。我是初学者,对此一无所知。请帮忙。 下面是我的代码

                <input onselect="" type="radio" style="width: 50px" name="name" id="rad1" checked="checked">
                <label style="width: 100px;" for="rad1">Civil/Building</label>
                <input onselect="" type="radio" style="width: 50px" name="name" id="rad2">
                <label style="width: 100px" for="rad2">Electrical/Plumber</label>


            @Html.DropDownListFor(model => model.BUILDING_CLASSIFICATION,
                ((List<CODE_TABLE>)Model.lstBuildingType)
                .Select(m => new SelectListItem { Text = m.DISP_TEXT, Value = m.ID.ToString() }), new { @class = "col-xs-12 col-sm-4 select2 select3", @placeholder = "Classification" })
            @Html.ValidationMessageFor(model => model.BUILDING_CLASSIFICATION)

            @Html.DropDownListFor(model => model.CIVIL_CLASSIFICATION, 
                ((List<CODE_TABLE>)Model.lstCivil)
                .Select(m => new SelectListItem { Text = m.DISP_TEXT, Value = m.ID.ToString() }), new { @class = "col-xs-12 col-sm-4 select2", @placeholder = "Classification" })
            @Html.ValidationMessageFor(model => model.CIVIL_CLASSIFICATION)

            @Html.DropDownListFor(model => model.ELECTRICAL_CLASSIFICATION,
                ((List<CODE_TABLE>)Model.lstElectrical)
                .Select(m => new SelectListItem { Text = m.DISP_TEXT, Value = m.ID.ToString() }), new { @class = "col-xs-12 col-sm-4 select2 select3", @placeholder = "Classification" })
            @Html.ValidationMessageFor(model => model.ELECTRICAL_CLASSIFICATION)

            @Html.DropDownListFor(model => model.PLUMBING_CLASSIFICATION,
                ((List<CODE_TABLE>)Model.lstPlumbing)
                .Select(m => new SelectListItem { Text = m.DISP_TEXT, Value = m.ID.ToString() }), new { @class = "col-xs-12 col-sm-4 select2", @placeholder = "Classification" })
            @Html.ValidationMessageFor(model => model.PLUMBING_CLASSIFICATION)

土木工程/建筑工程
电气/水管工
@Html.DropDownListFor(model=>model.BUILDING_分类,
((列表)Model.lstBuildingType)
.Select(m=>new SelectListItem{Text=m.DISP_Text,Value=m.ID.ToString()}),new{@class=“col-xs-12 col-sm-4 select2 select3”,@placeholder=“Classification”})
@Html.ValidationMessageFor(model=>model.BUILDING\u分类)
@Html.DropDownListFor(model=>model.CIVIL\u分类,
((列表)型号1)
.Select(m=>newselectListItem{Text=m.DISP_Text,Value=m.ID.ToString()}),new{@class=“col-xs-12 col-sm-4 select2”,@placeholder=“Classification”})
@Html.ValidationMessageFor(model=>model.CIVIL\u分类)
@Html.DropDownListFor(model=>model.ELECTRICAL\u分类,
((列表)型号LST电气)
.Select(m=>new SelectListItem{Text=m.DISP_Text,Value=m.ID.ToString()}),new{@class=“col-xs-12 col-sm-4 select2 select3”,@placeholder=“Classification”})
@Html.ValidationMessageFor(model=>model.ELECTRICAL\u分类)
@Html.DropDownListFor(model=>model.u分类,
((列表)型号1)
.Select(m=>newselectListItem{Text=m.DISP_Text,Value=m.ID.ToString()}),new{@class=“col-xs-12 col-sm-4 select2”,@placeholder=“Classification”})
@Html.ValidationMessageFor(模型=>模型.U分类)

为此使用Javascript或Jquery您是否可以从代码示例中删除冗余?我猜一个下拉列表就足以说明您的代码。您还可以编写代码当前的功能。