CODEWITHSUNDEEP
javascriptasp.net-mvcrazorasp.net-mvc-4
A Bit of Help
A Bit of Help

Reputation: 1796

How to pass a model field to a Javascript function in a view?

I have a simple question that has been vexing me tonight... I have an ASP.NET MVC4 + Razor application. When the user clicks a radio button, I want to pass a string value from a field in the model, "Timezone", to the onclick handler, which is a javascript function. In the javascript function, I will take the string and do some work, but for now, I simply pop-up an alert(). I have found a lot of references to having to do special quoting, and I've tried all of them, but no matter what I do, the alert shows nothing, but the form that has the radio button shows me a valid value in its Timezone textbox.

I would really appreciate your help to figure out what I am doing wrong... If this is not possible (why?), then can I access the model's value from the javascript function? I tried @model.Timezone, but always have an empty string. Really vexing stuff when I know that it must be something really easy! Anyway, here is the code for the radio button and the simple javascript function. I'd really appreciate your help!

Thanks, Mike

    @Html.RadioButtonFor(model => model.TimezoneSource, "C",
        new {propertyName = "UpdateTimezoneRadioButton", 
            onClick = "TimezoneClicked(@model.Timezone)" })Update Timezone

function TimezoneClicked(timezone) {
    alert(timezone);
}

Upvotes: 2

Views: 9666

Answers (3)

Chris
Chris

Reputation: 175

If you need to get any of the dom elements in your function you could do this:

document.getElementById('@Html.IdFor(model => model.Draw)')

Upvotes: 0

Jack
Jack

Reputation: 2660

You shouldn't be doing 

  onClick = "TimezoneClicked(@model.Timezone)"

when you use that within the html helper function, it gets treated as a normal string. Instead you should be doing the following:

onClick = "TimezoneClicked('" + Model.Timezone + "')"

This will pass the Timzone value in the object to the function. If it's still empty, try to print it out like the following to make sure the property is not empty.

<span> @Model.Timezone </span>

Upvotes: 4

Rusty
Rusty

Reputation: 1303

You can try the below code:

@Html.RadioButtonFor(model => model.TimezoneSource, "C",
    new {propertyName = "UpdateTimezoneRadioButton", 
        onClick = "TimezoneClicked('" + Model.Timezone + "')" })Update Timezone

function TimezoneClicked(timezone) {
alert(timezone);
}

Upvotes: 0

Related Questions