How can I access list of objects in jquery?

Question

I have this in my viewModel.

 public IEnumerable<TeamDto> Teams { get; set; }

And, in my view:

 <input  name="Teams" id="Teams" value=@Model.Teams />

How do I access the team list in jQuery?

 var data2 = $("#Teams")??

Answer 1

Use the below code on the same cshtml page in end of page.

@{
        IEnumerable<TeamDto> loRes = new IEnumerable<TeamDto>();
        loRes = Model.Teams;
        <script>
        console.log('@loRes.FirstOrDefault().fiedlName');
        </script>
}

Answer 2

You access the value of an input by using the val() method. You can also set the value with val('your value')

var data2 = $("#Teams").val();