Show and Hide TextBoxes depends on Button OnClick in MVC5

Nga Aran

12y6.1k

Hi,

I have Two text boxes which are hide when it's in a list. After Clicking Edit, I would like to show the text boxes visible.

From the below code when I say the text box "visible" it displays accordingly. But I need to show the text boxes when it's in a edit mode.

Please help me how to visible/show when i click the button.

- show the text boxes after i click the "Edit" button

- hide the text boxes after I click the "save" button.

Thanks for reading and help would be great.

@model IEnumerable

@foreach (NamesList n in Model)
{

}

Name	Area	Beginning Date	End Date
@n.Name	@n.Area	@n.BDate	@n.EndDate

2 Replies

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

Nga Aran12y ago
Hi, Thanks for the reply. All my divs are working fine. when I click the Edit button All the Text boxes need to be visible. Otherwise hide. Need to get the Text boxes visible for Button Edit.
Jignesh Trivedi12y ago
hi,
In you above Javascript code you hide whole dive and make visible control in that div....
so I think this problem your code not working...
function ShowEdit(par) {
$("#divBDate-" + par).attr("class", "visible");
$("#txtBDate-" + par).attr("class", "visible");
$("#divEDate-" + par).attr("class", "visible");
$("#txtEDate-" + par).attr("class", "visible");
$("#btnEdit-" + par).attr("class", "visible");
$("#btnSave-" + par).attr("class", "visible");
}
hope this will help you...