<div class="wrapper">
        <div class="h_iframe">
            <img class="ratio" src="/images/ratio16x9.png" />
                <iframe src="@Url.Action("test","Home")" frameborder="0"></iframe>
        </div>
    </div>

<div class="container">
    <div id="onpageloadvalues">

 @foreach (var catgoryabstractslists in ViewBag.abstracts)
        {
            <div><a href="#" data-id='@catgoryabstractslists.AbstractID' id='CategorySelect_@(catgoryabstractslists.AbstractID)' class="select-abstracts">Abstract #@catgoryabstractslists.AbstractID - @catgoryabstractslists.AbstractTitle</a></div>
           }

</div>

</div>

$('.select-abstracts').click(function () {
        var data = $(this).attr('data-id');
        $.ajax({
            url: '@Url.Action("GetAllAbstracts", "Home")',
            data: { abstractid: data },
            success: function (result) {
            },
            error: function () {
                alert('Error');
            }
        });
    });

public ActionResult GetAllAbstracts(string categoryname)
        {
            List<Abstracts> abstracts = Helpers.SchedOrgHelpers.LoadAbstracts();
            abstracts = abstracts.Where(x => x.Category == categoryname).ToList();

            //Populate the Viewbag using the helpers method
            ViewBag.abstracts = abstracts;

            return View("....");
        }