Make TextArea Disabled in JS

Question

I want to make Textarea Disable (Grayed out) in my JS Method

function myfun(status){

if(status=='Yes'){
    $('input[id$="txtareaID"]').attr('disabled','disabled'); 
}

The above code is not working for this.

if you are looking for readonly a text area then do something like this $("#idoftextarea").attr("disabled", true); — Arunprasanth K V, Feb 06 '15 at 10:06

score 2 · Answer 1 · answered Feb 06 '15 at 09:49

2

You should use prop instead of attr:

$('input[id$="txtareaID"]').prop('disabled', true);

jQuery docs

answered Feb 06 '15 at 09:49

joews

27,174
10
70
84

score 2 · Answer 2 · edited May 23 '17 at 11:43

2

If your selector is correct, than you need only to change attr to prop:

function myfun(status){
   if(status === 'Yes'){ // more suitable for comparing
       $('input[id$="txtareaID"]').prop('disabled',true); 
   }
}

Related post: Disable/enable an input with jQuery?

edited May 23 '17 at 11:43

Community

1
1

answered Feb 06 '15 at 09:52

Beri

10,277
3
24
47

score 0 · Answer 3 · answered Feb 06 '15 at 09:48

0

Considering textarea as

<textarea id='txt'>Something</textarea>

Using jQuery, you can achieve like this

$("#txt").attr('disabled', true);

Using plain javascript

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

answered Feb 06 '15 at 09:48

Rakesh_Kumar

1,330
1
12
24

score 0 · Answer 4 · edited May 23 '17 at 12:22

0

Your problem is with CSS not JS. As far I can tell your code is working, but there's no way of changing this specific style. You could try workarounds: Change Font Color For Disabled Input

edited May 23 '17 at 12:22

Community

1
1

answered Feb 06 '15 at 09:53

Israel Fonseca

915
5
18

score 0 · Answer 5 · answered Feb 06 '15 at 10:03

<textarea> is what you should be looking for not the <input> tag with id = textareaid.

$('input[id$="txtareaID"]').attr('disabled','disabled');

change the above code to the below one and see the magic by clicking the link at the bottom.

$('textarea[id$="txtareaID"]').attr('disabled','disabled');

http://jsfiddle.net/5s9ge7d6/1/

score 0 · Answer 6 · answered Feb 06 '15 at 11:11

none of the below answers worked. Then I found something amazing trick which solved my problem --- Here it is --- JUST REMOVE "input" word from that line in if block -

WORKED CODE :

function myfun(status){

if(status=='Yes'){
    $('[id$="txtareaID"]').attr('disabled','disabled'); 
}

Previous CODE :

 function myfun(status){

    if(status=='Yes'){
        $('input[id$="txtareaID"]').attr('disabled','disabled'); 
        $('input[id$="txtareaID"]').prop('disabled',true); //Didn't worked either
    }

Make TextArea Disabled in JS

6 Answers6