Enable textbox when another textbox populated

Garima Bansal

I have two textboxes if i insert a value in Landscaping, then Compound Walling gets disabled

Enter Value for Landscaping
Html.TextBoxFor(model => model.landscapingsqm, htmlAttributes: new { id = "landscape", class = "form-control", onchange = "onchangeland()" })
Html.ValidationMessageFor(model => model.landscapingsqm, "", new { class = "text-danger" })

Enter Value for Compound Walling
Html.TextBoxFor(model => model.compoundwalling, htmlAttributes: new { id = "compoundwall", class = "form-control", onchange = "onchangecompoundwalling()" })
Html.ValidationMessageFor(model => model.compoundwalling, "", new { class = "text-danger" })

4 Replies

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

Vishal Joshi2y ago

Accepted answer

Hello,

You can check on the page load/Edit the record. try the below sample code to fix the change.

Thanks

Vishal Joshi

Tuhin Paul2y ago




    
    
    Sample Page

A mock fetchData function is added to simulate an AJAX call. The ajaxCalltoGetData function is called with the fetched data once the document is ready.

Vikas Singh2y ago
@Garima, you can try below one-

Enter Value for Landscaping
@Html.TextBoxFor(model => model.landscapingsqm, new { id = "landscape", class = "form-control", onchange = "onchangeland()" })
@Html.ValidationMessageFor(model => model.landscapingsqm, "", new { class = "text-danger" })

Enter Value for Compound Walling
@Html.TextBoxFor(model => model.compoundwalling, new { id = "compoundwall", class = "form-control", onchange = "onchangecompoundwalling()" })
@Html.ValidationMessageFor(model => model.compoundwalling, "", new { class = "text-danger" })

+3

Amit Mohanty2y ago

Try this:


    Enter Value for Landscaping
    @Html.TextBoxFor(model => model.landscapingsqm, new { id = "landscape", class = "form-control", onchange = "onchangelandscaping()" })
    @Html.ValidationMessageFor(model => model.landscapingsqm, "", new { @class = "text-danger" })