Question

I have the string with javascript call which is bound to HTML Select event:

@Html.DropDownList(Model.DropDownName, Model.ItemsForView, new { onchange = "someMethod('someArgumentValue')" })

which is rendered to the following code:

onchange="someMethod('someArgumentValue')"

Is there any way to make ‘ symbol render “as is”?

Answer 1

It would be better to use unobtrusive javascript:

@Html.DropDownList(Model.DropDownName, Model.ItemsForView, new { id = "foo" })

and in a separate .js file:

$(function() {
    $('#foo').change(function() {
        someMethod('someArgumentValue');
    });
});

There are at least two benefits:

• You are not mixing script and markup
• Markup is reduced and scripts are cached by the browser