how to compare selected dropdownlist value with a model property in MVC

user_1050179 0
Viewed 61

In my MVC app I have a dropdownlist tied to a model like below

class MyObjectViewModel
{
    //comes from WebService, but that doesnt matter here
    List<PersonViewModel> AllPeople= {person1,person2, etc} 
   // PersonViewModel has properties like Id, Name, NeedToInform

    int SelectedPersonId;
}

@model MyModels.MyObjectViewModel

@Html.DropDownListFor(m=> m.SelectedPersonId, 
      Model.AllPeople.Select(p=>new SelectListItem{Value = p.Id, Text=p.Name}), new { @class = "form-control", onchange = "process(this.value)" })

The client side code like like below

<script>
 process (val) {
 console.log(val);        
}         
</script>

I can get the selected value i.e. Id from PersonViewModel but I need to compare if the selected person from PersonViewModel has the property NeedToInform to be true. Not sure how can we do it in the javascript function, something on these lines

   <script>
    process (val) {
    console.log(val);
    //Here I need to compare the model like 
    // var doWeneedToInform=@Model.AllPeople.Where(x=>x.Id===val).NeedToInform        
  }         
</script>
razor asp.net-mvc jquery c#
1 Answers

Try this

<script>

var model = @Html.Raw(Json.Encode(Model));
console.log(JSON.stringify(model));

    process (val) {
    console.log(val);

    let needToInform= null;

model.allPeople.forEach((item) => {
    if (item.Id === val) {
      needToInform = item.NeedToInfom;
     break;
    }
});
        
  }         
</script>

if the model is very large , you can use ajax to send a request to a special api that returns data you need.

user_113922900
Related