CODEWITHSUNDEEP
asp.net-mvc-3razor
Gavin
Gavin

Reputation: 17382

Razor Syntax Dynamically Name HTML Elements

I have a form that creates a number of checkbox elements using Razor code like this

   foreach (var tag in Model.Tags)
    {
        <input type="checkbox" id="@tag.ID" name="@tag.ID" value="@tag.TagName"/>@tag.TagName<br /
    }

This works but I want the ID's and names to be in this format chkTag[TagID] I've tried this

<input type="checkbox" id="[email protected]" name="[email protected]" value="@tag.TagName"/>

but Razor just treats the whole thing as string and names them [email protected].

So I guess my question is how do I add the dynamic razor ID to the end of my Name and ID's?

Thanks

Upvotes: 22

Views: 17270

Answers (2)

David Rettenbacher
David Rettenbacher

Reputation: 5120

You should use parentheses around tag.ID, like this:

chkTag@(tag.ID)

Full code:

foreach (var tag in Model.Tags)
{
    <input type="checkbox" id="chkTag@(tag.ID)" name="chkTag@(tag.ID)" value="@tag.TagName"/>
}

Upvotes: 43

Kevin Cloet
Kevin Cloet

Reputation: 2976

@for (int i = 0; i < Model.Tags.Count(); i++)
{

        @Html.CheckBoxFor(model => Model.Tags[i])

}

This should do it normally. It will automatically give the correct name.

Upvotes: 4

Related Questions