[英]Show/hide control based on dropdown selection mvc 4 razor c#
Here is my code这是我的代码
@Html.DropDownListFor(z => z.SelectedReportId, new SelectList(Model.ReportTypes, "Value", "Text", Model.SelectedReportId), "-- Select Report --")
@Html.CheckBoxFor(model => model.IncludePhotos)@Html.LabelFor(model => model.IncludePhotos)
Which generates:产生:
<select data-val="true" data-val-number="The field SelectedReportId must be a number." data-val-required="The SelectedReportId field is required." id="SelectedReportId" name="SelectedReportId">
<option value="">-- Select Report --</option>
<option value="1">Excel Report</option>
<option value="2">Text Report</option>
</select>
<br />
<input data-val="true" data-val-required="The Include photos in the report field is required." id="IncludePhotos" name="IncludePhotos" type="checkbox" value="true" />
I have one dropdown and a checkbox, I need to disable the checkbox if the user selects the first value in dropdown.我有一个下拉列表和一个复选框,如果用户选择下拉列表中的第一个值,我需要禁用该复选框。 Here is the javascript I am using without success这是我没有成功使用的javascript
$(function () {
$('#SelectedReportId').change(function () {
var value = $(this).val();
if (value == '1') {
$('#IncludePhotos').show();
} else {
$('#IncludePhotos').hide();
}
});
});
Appreciate any help, thank you感谢任何帮助,谢谢
Included javascript inside a @section scripts{} section and it started working,在@section scripts{} 部分中包含 javascript 并开始工作,
@section scripts{ <script type="text/javascript">
$(function () {
$('#SelectedReportId').change(function () {
var value = $(this).val();
if (value == '1') {
$('#IncludePhotos').show();
} else {
$('#IncludePhotos').hide();
}
});
});</script>}
try this尝试这个
@Html.DropDownListFor(z => z.SelectedReportId, new SelectList(Model.ReportTypes, "Value", "Text", Model.SelectedReportId),new {id="myDropdown"}
@Html.CheckBoxFor(model => model.IncludePhotos,new {id="myCheckbox"})
$(function () {
$('#myDropdown').change(function () {
var value = $(this).val();
var fistVal=$('#myDropdown option:first-child').attr("selected", "selected");
if (value == fistVal) {
$('#IncludePhotos').show();
} else {
$('#IncludePhotos').hide();
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.