I have a "normal" cloud setup. I used the UaaS to clone down the project, which gave me a Web and a Core project. the core project holds my models and controller. the web my view and.

Now in the view i have some nested content which i loop like this:

@if (Model != null){
var items = Model.Content.Theme;
foreach (var item in items)
{
    int nextPage = ((PublishedContentModel)item.GetProperty("themePage").Value).Id;

    <h2 class="headline" data-id="@nextPage"> @nextPage</h2>

    using (Html.BeginUmbracoForm<conservative.Core.Controllers.UserProfileController>("SelectedTopic", null))
    {
        <input onclick="myFunction('' + @nextPage + '')" type="submit" value="@item.GetPropertyValue("themeName")">
    }
}}

only thing i need is to get the ID from the themePage and send it to my model , in the core project so i can use it in the controller. right now I'm trying to do in the myFunction

<script>
function myFunction(nextPage) {

    @conservative.Core.Models.UserProfileModel.TopicPageId = nextPage;
    document.getElementById("demo").innerHTML = nextPage;

}

Whenever i try to pass the data in the foreach i only get the last ID. it is overridden. So in my controller i don't know which button a user have clicked on.

have tried to pass with:

using (Html.BeginUmbracoForm<UserProfileController>("SelectedTopic", null, new { ThemeId = TopicId }))

with no luck I'm sure i'm just missing some simple thing. Really hope someone out here knows what I'm missing

kind regards a new cloud developer :) H5YR