Prevent encoding of javascript assigned to onchange event of Html.TextBoxFor via htmlAttributes

Question

I have a Html.TextBoxFor which I would like to assign some dynamic javascript to (the onchange event specifically):

@Html.TextBoxFor(model => answer.Value, new { @class = "answerinput", @onchange = "submitAnswer(\"" + Model.QuestionID.ToString() + "\")" });

However, when I examine the resulting HTML, the quotes around the value passed into the javascript function are encoded, which is a problem:

onchange="submitAnswer(&quot;3&quot;)"

I've tried a few things, like placing the string into an IHtmlString and then using the IHtmlString in the assignment but the results are always the same.

Is there a way to prevent MVC from encoding the value assigned to @onchange?

Thanks!

Have you tried making it an MvcHtmlString? ex: `onchange = MvcHtmlString.Create("\"3\"")` — Tejs, Aug 16 '11 at 20:50

score 4 · Accepted Answer · answered Aug 16 '11 at 20:57

4

Alternatively, you should change the way you are attaching to the event:

Html.TextBoxFor(x => x.SomeProperty, new { rel = Model.QuestionID, @class = "SomeClass" });

Then in javascript, attach to the event:

$('.SomeClass').each(function()
{
     $(this).change(function()
     {
          var questionId = $(this).attr('rel');
     });
});

answered Aug 16 '11 at 20:57

Tejs

40,736
10
68
86

This works, although I'd still like to know how (if?) there is a way to stop Razor from encoding everything (I'm sure it will come up again :) – jasongullickson Aug 17 '11 at 16:38
https://stackoverflow.com/questions/22507671/bootstrap-datepicker-change-date-event-doesnt-fire-up-when-manually-editing-date – charulatha krishnamoorthy Nov 08 '17 at 10:32

score -1 · Answer 2 · answered Aug 16 '11 at 20:32

-1

Try using single quotes, no escape character required.

@Html.TextBoxFor(model => answer.Value, new { @class = "answerinput", @onchange = "submitAnswer('" + Model.QuestionID.ToString() + "')" });

answered Aug 16 '11 at 20:32

tim

29
2

1

Yes I gave that a shot, the results are similar (but with a different encoding for the single-quote character). – jasongullickson Aug 16 '11 at 20:41

Prevent encoding of javascript assigned to onchange event of Html.TextBoxFor via htmlAttributes

2 Answers2