Get MVC Form Data Using Javascript

Question

I have the following form using MVC :

@using (Html.BeginForm())
    {
        <div class="editor-label">
            @Html.LabelFor(m => m.Title)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(m => m.Title)
            @Html.ValidationMessageFor(m => m.Title)
        </div>

        <div class="editor-label">
            @Html.LabelFor(m => m.Description)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(m => m.Description)
            @Html.ValidationMessageFor(m => m.Description)
        </div>

         <div class="editor-label">
            @Html.LabelFor(m => m.Icon)
        </div>
        <div class="editor-field">
            @Html.RadioButtonFor(m => m.Icon, "http://maps.google.com/mapfiles/ms/icons/red-pushpin.png", new { @checked = "checked" }) <img src="http://maps.google.com/mapfiles/ms/icons/red-pushpin.png" alt="red pusphin" />
            @Html.RadioButtonFor(model => model.Icon, "http://maps.google.com/mapfiles/ms/icons/red-pushpin.png") <img src="http://maps.google.com/mapfiles/ms/icons/blue-pushpin.png" alt="blue pushpin" />
        </div>

    }

How can I retrieve the data using javascript?

I tried the following but it does not seem to be working:

document.getElementsByName('Title').value;

on binding control with model, browser will create id based on model, define your own id and access value using that id. — user3497034
– user3497034, Commented Apr 18, 2014 at 10:10

Nilesh Gajare · Accepted Answer · 2014-04-18 10:13:45Z

2

try this

document.getElementById('Title').value;

Check this fiddle

http://dotnetfiddle.net/t67Q3G

edited Apr 18, 2014 at 10:13

answered Apr 18, 2014 at 10:04

Nilesh Gajare

6,4283 gold badges44 silver badges73 bronze badges

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

2 Comments

rikket Over a year ago

it is getElementById not Elements and I have tried already, the value being passed is ""

rikket Over a year ago

the fiddle worked as I was missing " " instead of ' '

user3497034 · Accepted Answer · 2014-04-18 10:08:30Z

0

Define ID for all controls as:

@Html.LabelFor(m => m.Title,new{@ID="YOUR ID"})

Get value by id as:

$("#YOUR ID").val();

answered Apr 18, 2014 at 10:08

user3497034

Comments

super · Accepted Answer · 2014-04-18 10:27:58Z

0

If you need the values from the model to javascript you can simply do this.

function showpopup()
{
   var model = @Html.Raw(Json.Encode(Model));
   alert(model.Title);
}

answered Apr 18, 2014 at 10:27

super

2,3282 gold badges21 silver badges23 bronze badges

Collectives™ on Stack Overflow

Get MVC Form Data Using Javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related