在选定列表ID的视图中显示类别

Question

I have a listbox of licenseplates, and when I select one of the items in the list, I want to retrive the rest of the information about the licenseplate and display it in my view.

I have filled my listbox with only the licenseplatenumber from a list that fills upp with the whole datatable. When I select the licenseplatenumber I want to display all the information from the list that I have made.

I have tried to use @Html.displayfor and then when I select an item I want to display the brand of that car. I don't really understand how to retrive it and to display it

This is my Model:

 public class AdminCar 
    {
        public int CarID { get; set; }
        public string LicensePlateNumber { get; set; }
        public string Color { get; set; }
        public string Brand { get; set; }
        public string Model { get; set; }
        public string Firstname { get; set; }
        public string Lastname { get; set; }
        public long BirthOfDate { get; set; }
        public int VehicleFines { get; set; }
        public bool IsStolen { get; set; }
    }

This is my controller:

        public ActionResult CarInfo()
        {
            var CarService = new CarService();
            List<Core.Entities.Response.CoreCar> cars = CarService.ListOfCars();

            List<AdminCar> aCar = new List<AdminCar>();

            foreach (var item in cars)
            {
                AdminCar car = new AdminCar
                {
                    LicensePlateNumber = item.LicensePlateNumber,
                    Brand = item.Brand,
                    Color = item.Color,
                    Model = item.Model,
                    Firstname = item.Firstname,
                    Lastname = item.Lastname,
                    BirthOfDate = item.BirthOfDate,
                    VehicleFines = item.VehicleFines,
                    IsStolen = item.IsStolen,
                };
                aCar.Add(car);

            }
            return View(aCar);
        }

This is in my View:

<select name="listbox" id="CarSelected">
    @foreach (var item in Model)
    {
        <option value="@item.LicensePlateNumber">
            @item.LicensePlateNumber                                
        </option>
    }
</select>

Answer 1

in this case you use ajax call to get information from server

$('#CarSelected').change(function(){ $.ajax({ url:'controller/action', type:'Get', data:{LicensePlateNumber:$('#CarSelected').val()}, success:function(infoCar){ // there update info of car by jquery } }); });