Is there a way to concatenate strings in html attributes?

Question

I'm using MVC3 and I wanted to use a partial view to create dynamic DOM elements. This is my current partial view:

@model MVCApp.ViewModels.TitlesViewModel  <div class="display-label">Name</div> <div id="label"+"@Model.Id" class="display-field">@Model.InitValue</div> 

Model.Id is 1 but in the HTML in the browser, I currently get:

id="label"+"1" 

So if I try and do something like:

alert($("#label1").text()) 

There's an alert box with nothing in it.

So how can I add the two strings together to form one coherent string that is recognized by jQuery (or document.getElementByID(str) for that matter).

Answer 1

Try this (verified):

<div id="@("label"+Model.Id)" class="display-field">@Model.InitValue</div> 

Answer 2

You want:

<div id="[email protected]" ... 

Razor will recognise the @ as the start of code, execute it and render the results in place in the attribute.

Edit:

This didn't work well as a comment, but here's a line from one of my Razor controls:

<input type="text" readonly="readonly"         class="display-field [email protected]"         id="@((ViewData["id"] == null) ?           ViewData.ModelMetadata.PropertyName : ViewData["id"])"        value="@Proj.GetJobStatusValue(Model)" /> 

Try adding a hyphen (-) before the @. It's quite possible that Razor thinks it's an e-mail address and leaving it alone!