Using a value from model and javascript together in MVC 4

Question

I want to use a variable from model:

Model.ActionId

and a varialble from javascript (selected index of dropdown)

$("#ddlMethod").val()

together in a if condition.

I have tried:

@if (Model.ActionID== 0 && $("#ddlMethod").val()== 2)
        alert("yes");

another:

if (@Model.ActionID== 0 && $("#ddlMethod").val()== 2)
        alert("yes");

assigning the values first:

var selectedMethod = $("#ddlMethod").val();
    var actionId = @Model.ActionID;
    if (actionId == 0 && selectedMethod == 2)
        alert("yes");

None of them worked. Help.

enter image description here

where you try use it? in separated script or inside page? you you put this scripts to yout page - last two variants should work — Grundy
– Grundy, Commented May 25, 2015 at 11:59
@SurajS, see my update answer on why they didnt initially work — AmmarCSE
– AmmarCSE, Commented May 25, 2015 at 12:10

AmmarCSE · Accepted Answer · 2015-05-25 13:07:38Z

1

The simply way would be to put the model value in a hidden element like

<input type="hidden" value="@Model.ActionID" id="ActionID"/>

and then in your javascript

var selectedMethod = $("#ddlMethod").val();
var actionId = $("#ActionID").val();
if (actionId == 0 && selectedMethod == 2)
    alert("yes");

Update

if (@Model.ActionID== 0 && $("#ddlMethod").val()== 2)
        alert("yes");

will not work because you need to properly escape razor code when mixing with javascript by putting it in a code block

@{ ... } or @if, etc.

and putting the code itself in an escaped sequence

@: or the <text> tag.

Try

 @if (<text> '@Model.ActionID' </text> == 0 && $("#ddlMethod").val()== 2){
      <script>
                alert("yes");
      </script>
}

edited May 25, 2015 at 13:07

answered May 25, 2015 at 11:53

AmmarCSE

30.7k6 gold badges48 silver badges53 bronze badges

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

5 Comments

Grundy Over a year ago

are you try your last suggestion?

AmmarCSE Over a year ago

is it becasue of the single quotes in '@Model.ActionID' ?

Grundy Over a year ago

nope, in this case parser don't know where used c# code, and where javascript

AmmarCSE Over a year ago

@Grundy, no, the last code snipped is in Razor view itself, not between <script></script>

Grundy Over a year ago

Let us continue this discussion in chat.

Grundy · Accepted Answer · 2015-05-27 06:51:16Z

1

if your script in the page so you have a few way for use server variable in your client code:

use directly

if (@Model.ActionID == 0 && $("#ddlMethod").val()== '2')
    alert("yes");

in this case it rendered for Model.ActionID = 0 like

if (0 == 0 && $("#ddlMethod").val()== '2')
    alert("yes");

render this script tag only for needed action id like

@if (Model.ActionID == 0){
    <script type="text/javascript">
        if( $("#ddlMethod").val()== '2')
            alert("yes");
    </script>
}

in this case this sctipt rendered and executed only when Model.ActionID == 0

If your script in separated file then you again have a few way:

use hidden field as suggest @AmmarCSE, or save Model.ActionID to global varibale in your page

var modelActionId = @Model.ActionID

and use it in script

if (modelActionId == 0 && $("#ddlMethod").val()== '2')
    alert("yes");

NOTE: method val, in your case, return string rather than number

edited May 27, 2015 at 6:51

answered May 25, 2015 at 13:00

Grundy

13.4k3 gold badges39 silver badges57 bronze badges

3 Comments

SurajS Over a year ago

Thank you for explanation, but the first one does not work. gives error as "incorrect syntax.". '@Model.ActinId' works.. with single quotes.

SurajS Over a year ago

I checked the fiddle, don't know whats the difference.. attched the screen shot.. ;)

Grundy Over a year ago

@SurajS, can you provide a code around this? what version mvc you use?

Collectives™ on Stack Overflow

Using a value from model and javascript together in MVC 4

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related