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 Jun 27 '13 at 05:22 — Amit, Jun 27 '13 at 05:22

score 4 · Accepted Answer · answered Jun 27 '13 at 05:23

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.

score 3 · Answer 2 · edited Oct 22 '15 at 19:57

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 '15 at 19:57

Sum None

2,164
3
27
32

answered Nov 05 '14 at 18:55

d2z2

31
1

score 2 · Answer 3 · answered Apr 01 '15 at 06:34

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());

score 0 · Answer 4 · edited Dec 10 '13 at 21:57

0

You should use

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

Then

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

edited Dec 10 '13 at 21:57

AlexB

7,302
12
56
74

answered Jun 27 '13 at 05:23

StringBuilder

1,619
4
32
52

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 http://stackoverflow.com/questions/3735400/html-attributes-for-editorfor-in-asp-net-mvc for more details. – JonVD Jun 27 '13 at 05:24
Maybe you right , I am from mobile so I cant check, but I think one of the params should be ... – StringBuilder Jun 27 '13 at 05:34
I was surprised that you couldn't set html attributes on EditorFor too, seems like a strange decision to make. – JonVD Jun 27 '13 at 05:49

score 0 · Answer 5 · answered May 10 '22 at 17:07

0

Try this

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

answered May 10 '22 at 17:07

danteMesquita

87
1
7

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

5 Answers5