I am trying to hide and unhide two divs based on ddl selected text. It works in one case but for the second it does not. I get the data corect but I don't know why is not working
View
- class="col-md-1">
- class="form-control border-danger" asp-items="@Model.SelectAffectedCategory" asp-for="RiskAssessmentSecondary.AffectedCategory">
- >-- Select --
- for="RiskAssessmentSecondary.AffectedCategory" class="text-danger">
- "ATRPeople" hidden class="col-md-1">
- ="form-control border-danger" asp-items="@Model.SelectJobList" asp-for="RiskAssessmentSecondary.AtRiskPeopleDetail">
- >--Select Job Title--
- for="RiskAssessmentSecondary.AtRiskPeopleDetail" class="text-danger">
- "ATRAsset" hidden class="col-md-1">
- ="form-control border-danger" asp-items="@Model.SelectAssetList" asp-for="RiskAssessmentSecondary.AtRiskAssetDetail">
- >--Select Asset--
- for="RiskAssessmentSecondary.AtRiskAssetDetail" class="text-danger">
javascript
- $(function () {
- $("#AffCategory").on("change", function () {
- var data = $("#AffCategory :selected").text();
- debugger;
- if (data == "People") {
- $("#ATRPeople").attr("hidden", false);
- $("#ATRLabel1").attr("hidden", false);
- $("#ATRLabel2").attr("hidden", false);
- $("#affc").val(data);
- }
- if (data == "Assets") {
- $("#ATRAsset").attr("hidden", false);
- $("#ATRLabel1").attr("hidden", false);
- $("#ATRLabel2").attr("hidden", false);
- $("#affc").val(data);
- }
- else {
- $("#ATRPeople").attr("hidden", true);
- $("#ATRAsset").attr("hidden", true);
- $("#ATRLabel1").attr("hidden", true);
- $("#ATRLabel2").attr("hidden", true);
- }
- });
- });

Sachin SinghPosted May 3, 2021, 7:44 PM