How to pass Model field value into a javascript variable?

Question

<%: Html.HiddenFor(model => model.Name) %>


<script> 
var name = <%: Model.Name %> 
alert(name);
</script>

Darin Dimitrov · Accepted Answer · 2010-08-13 11:49:19Z

10

You need to put quotes around the value so that it is considered as a string:

var name = '<%: Model.Name %>';
alert(name);

But if you already have the value inside a hidden field:

<%: Html.HiddenFor(model => model.Name) %>

you could read it like this:

var name = document.getElementById('Name').value; // make sure the id is Name
alert(name);

or using jquery:

var name = $('#Name').val();
alert(name);

answered Aug 13, 2010 at 11:49

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1