Loading

on edit hide div based on model value javascript in razor view mv

Mark Tabor

5y1.2k.NET

Hi I have a web application usig asp.net mvc in which i want to show and hide two div's based on the model value how to achieve that I want to show BLOCK and module when Semster_Id is Null in the database , and i want to show semester_ID and its dropdown when Block and Module both are null/

check my image . what is the best approach my model is strongly type model and on edit i want to show and hide

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Mark Tabor5y ago
This below code solve my issue i use @Html.Raw(JSON.Encode(Model.semesterID));
to get the model value
var SemesterId = @Html.Raw(Json.Encode(Model.Semster_Id));
// alert(floorplanSettings);
if (SemesterId != null) {
$("#divSemester").show();
$("#divBlock").hide();
$("#divModule").hide();
}
else {
$("#divBlock").show();
$("#divModule").show();
$("#divSemester").hide();
}