Insert c# into inline javascript

Question

Is it possible to insert a c# variable into a inline javascript function?

I'm using razor to pass the select boxes id.

<select id="@itemid" style="float:right" class="input" onchange="window.location.href='@url3' + 'booking/' + '?d=' + '[email protected][[email protected]].value">
</select>

The above does not work. I get a "does not contain a definition for 'form'" error.

Claudio Redi · Accepted Answer · 2014-03-14 12:40:48Z

1

Try with this

onchange='@("string.format("window.location.href='{0}' + 'booking/' + '?d=' + 'this.form.{1}.options[this.form.{1}.selectedIndex].value", @url3, @itemid))'

answered Mar 14, 2014 at 12:40

Claudio Redi

68.6k15 gold badges138 silver badges161 bronze badges

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

1 Comment

PeteTheGreek Over a year ago

The explicit expression block is missing a closing ")" character. The function above works ok, inline would have been nice.

Shyju · Accepted Answer · 2014-03-14 12:40:55Z

0

Yes. You can use Razor syntax in javascript as long as it is in the view file.

I prefer to keep the markup clean without the behavior(separation of concern) and keep that behavior in unobtrusive javascript way. I would keep a HTML 5 data attribute to set the value of url3 variable.

<select id="@itemid" style="float:right" class="input" data-targeturl="@url3">
</select>

and in javascript, listen to the change event of SELECT element with .input class and redirect to the new page

$(function(){

 $("SELECT.input").change(function(e){
   var _this=$(this);
   var newUrl=_this.data("targeturl")+"/booking?d="+_this.val();
   window.location.href=newUrl;
 });

});

answered Mar 14, 2014 at 12:40

Shyju

220k106 gold badges421 silver badges499 bronze badges

Collectives™ on Stack Overflow

Insert c# into inline javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related