How to disable an EditorFor with JavaScript in ASP MVC

Question

I want to disable any editorfor with javascript, I try this but it's not worked :

<body onload="charge()">
    <div class="editor-field">
       <%: Html.EditorFor(model => model.Num_Serie, new { @id = "nn" })%>        
    </div>
</body>

and the javascript code :

<script type="text/javascript">

        function charge() {

            var nn = document.getElementById('nn');

            nn.disabled = 'disabled';

        }

    </script>

using Jquery $("#nn").prop('disabled', true);

Cybermaxs
– Cybermaxs

2013-05-31 07:53:06 +00:00
Commented May 31, 2013 at 7:53 — Cybermaxs
– Cybermaxs, Commented May 31, 2013 at 7:53

S.N · Accepted Answer · 2013-05-31 07:52:17Z

2

document.getElementById("nn").disabled = true;

answered May 31, 2013 at 7:52

S.N

5,1685 gold badges34 silver badges51 bronze badges

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

Comments

Andrei · Accepted Answer · 2013-05-31 07:55:34Z

1

EditorFor is not rendered into one HTML element, rather it is a collection of inputs. Therefore you should disable all of them:

function charge() {
    var inputs = $('div.editor-field :input');
    inputs.attr('disabled', 'disabled');
}

answered May 31, 2013 at 7:55

Andrei

56.8k10 gold badges92 silver badges114 bronze badges

2 Comments

Ant P Over a year ago

Precisely what I came here to say - there seems to be a common confusion that a HtmlHelper necessarily equates to a single HTML element, which is not true. Particularly, in fact, with EditorFor, where it is impossible to know what will be rendered without seeing both the model and the project's template structure.

Andrei Over a year ago

@RabNawaz, true enough. However I assume jquery is there - this is an ASP.NET MVC project, jQuery is included there by default. It is not a problem to rewrite the same without jquery though, but it will require either more details from the OP, or way more javascript code - both will distract from main point.

Rab Khan · Accepted Answer · 2013-05-31 09:09:43Z

0

for this particular case, this jQuery code will work. $('#nn').attr('disabled','disabled');

edited May 31, 2013 at 9:09

Rab Khan

35.7k4 gold badges52 silver badges66 bronze badges

answered May 31, 2013 at 8:25

Paritosh

11.7k5 gold badges64 silver badges80 bronze badges

Collectives™ on Stack Overflow

How to disable an EditorFor with JavaScript in ASP MVC

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