how to set value of @Html.EditorFor using jquery in in asp.net mvc

Question

I want to set the value of my input text using jquery. I have tried by doing this :

    <div class="editor-label">
        @Html.LabelFor(model => model.ID )
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ID)
        @Html.ValidationMessageFor(model => model.ID)
    </div>

and jquery syntax :

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

But it is not working. I have tried the same jquery code with this :

<input type="text" id="ID" />

This approach is working , but I don't know why @Html.EditorFor is not working with jquery .Thanks in advance

have you try $("#ID").val(data.ID); inside document.ready

Amit
– Amit

2013-06-27 05:22:26 +00:00
Commented Jun 27, 2013 at 5:22 — Amit
– Amit, Commented Jun 27, 2013 at 5:22

JonVD · Accepted Answer · 2013-06-27 05:23:36Z

4

You're better off using the TextBoxFor method as it allows you to change the id and class of the element directly whereas EditorFor doesn't unless you create a custom edit state for it (using EditorTemplate).

@Html.TextBoxFor(model => model.ID, new { id = "ID" })

I believe @Html.EditorFor(model => model.ID) will set the name attribute as that is what mvc depends upon to do its model binding so if the above is not to your liking you can perhaps use the name as a selector.

answered Jun 27, 2013 at 5:23

JonVD

4,27826 silver badges24 bronze badges

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

Comments

Sum None · Accepted Answer · 2015-10-22 19:57:32Z

3

You can add the @id, @class, etc on EditorFor as follows:

@Html.EditorFor(model => model.ID, new {htmlAttributes = new {@id="someid"}})

edited Oct 22, 2015 at 19:57

Sum None

2,3193 gold badges29 silver badges32 bronze badges

answered Nov 5, 2014 at 18:55

d2z2

311 bronze badge

Comments

Jayvee Grapa · Accepted Answer · 2015-04-01 06:34:37Z

2

this works for me

<div class="editor-field">
    @Html.EditorFor(model => model.ID)
    @Html.ValidationMessageFor(model => model.ID)
</div>

<div class="editor-field">
    @Html.EditorFor(model => model.SetID)
    @Html.ValidationMessageFor(model => model.SetID)
</div>

and javascript is

var d = $("#ID ").val();
$("#SetID").val(d);

or

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

answered Apr 1, 2015 at 6:34

Jayvee Grapa

211 bronze badge

Comments

AlexB · Accepted Answer · 2013-12-10 21:57:15Z

0

You should use

@Html.EditorFor(model => model.ID, new {@id="someid"})

Then

$("#someid").val (someval)

edited Dec 10, 2013 at 21:57

AlexB

7,44412 gold badges61 silver badges76 bronze badges

answered Jun 27, 2013 at 5:23

StringBuilder

1,6294 gold badges35 silver badges52 bronze badges

3 Comments

JonVD Over a year ago

I don't think you can do this as the second parameter of the EditorFor actually takes View data and not an anonymous object containing html attributes like TextBoxFor does. See stackoverflow.com/questions/3735400/… for more details.

StringBuilder Over a year ago

Maybe you right , I am from mobile so I cant check, but I think one of the params should be ...

JonVD Over a year ago

I was surprised that you couldn't set html attributes on EditorFor too, seems like a strange decision to make.

danteMesquita · Accepted Answer · 2022-05-10 17:07:21Z

0

Try this

$("#someid").prop('checked', true); // for checked
$("#someid").prop('checked', false);

answered May 10, 2022 at 17:07

danteMesquita

1071 silver badge8 bronze badges

Collectives™ on Stack Overflow

how to set value of @Html.EditorFor using jquery in in asp.net mvc

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related