Execute JavaScript with MVC3 RAZOR View Engine?

Question

I have an Index.cshtml Page in MVC3 Razor View Engine with Following Code:

@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>

<label id="lblClickMe" style="cursor:pointer"> Test Java Script Work in MVC Razor</label> || <label id="lblReset" style="cursor:pointer"> Rest    </label>

<br /><br /><br /><br />
<input type="text" id="txtResult"  style="width:300px"/>

And i have some JavaScript in Sane page Like :

<script type="text/javascript">
    $("#lblClickMe").click(function () {

        var txtResukt = document.getElementById("txtResult");
        txtResukt.value = "Java script work successfully";

    })

    $("#lblReset").click(function () {

        var txtResukt = document.getElementById("txtResult");
        txtResukt.value = "";

    })
</script>

When I try to load my view give following exception from "lblClickMe" Click Event :

Microsoft JScript runtime error: Object expected

Any one fix this bug?

Kapil Khandelwal · Accepted Answer · 2012-06-25 13:12:09Z

3

Try this:

  <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $("#lblClickMe").click(function () {
         $("#txtResult").val("Java script work successfully");
        });
        $("#lblReset").click(function () {
          $("#txtResult").val("");
        });
    </script>

answered Jun 25, 2012 at 13:12

Kapil Khandelwal

16.2k3 gold badges49 silver badges55 bronze badges

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

Comments

AnthonyWJones · Accepted Answer · 2012-06-25 11:54:49Z

2

Try this:

$(document).ready(function()
{
    $("#lblClickMe").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = "Java script work successfully"; 

    }) 

    $("#lblReset").click(function () { 

        var txtResukt = document.getElementById("txtResult"); 
        txtResukt.value = ""; 

    }) 

});

This ensures the HTML in the page is loaded first before code attempts to wire up the click events.

answered Jun 25, 2012 at 11:54

AnthonyWJones

190k35 gold badges236 silver badges307 bronze badges

2 Comments

Mohammed Faruk Over a year ago

AnthonyWJones : i try you suggestion but full ready function give same exception.

AnthonyWJones Over a year ago

@Mohammed: have you tried the browsers view source function ? Does the html look right? Have checked error console in the browser for parse errors of JavaScript? Are any referenced js files being delivered correctly?

Terry · Accepted Answer · 2012-06-25 13:59:42Z

1

Why not do this?

$("#lblClickMe").click(function () {
    document.getElementById("txtResult").value = "Java script work successfully";
});

or in pure jQuery:

$("#lblClickMe").click(function () {
    $("#txtResult").val("Java script work successfully");
});

answered Jun 25, 2012 at 13:59

Terry

14.2k9 gold badges58 silver badges84 bronze badges

Collectives™ on Stack Overflow

Execute JavaScript with MVC3 RAZOR View Engine?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related