How can I set a div as non editable with its id or class using jQuery or JavaScript after submission?

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

is not working for a div.

How can I set a div as non editable with its id or class using jQuery or JavaScript after submission?

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

is not working for a div.

• javascript
• jquery

• 2 divs are not editable anyway... you have to explain your problem better. – Felix Kling Commented Apr 14, 2011 at 10:56
• Are u using contentEditable div or u want to disable controls inside div? – Sukhjeevan Commented Apr 14, 2011 at 10:56
• Only form controls (INPUT and similar) have a 'disabled' property. You seem to be trying to apply it to a DIV. – Colin Fine Commented Apr 14, 2011 at 10:57
• div are not editable...are you using any plugin? – Dharmesh Commented Apr 14, 2011 at 10:58
• Felix Kling, right now I am working on struts, I have two text fields, three checkboxes, two radio buttons inside a div. After getting the responce i hav to display responce in the same page, but i need to make them(two text fields, three....) as non editable. For this i have to use javascript or jquery. Can u please tel me the solution. – Vissu Commented Apr 14, 2011 at 11:30

3 Answers 3

$("#id input,#id textarea, #id select").attr("disabled",true);

Do you mean all form elements WITHIN your div? if so:

$("#id").children("input, select, textarea").attr("disabled",true);

Your question is a little bit confusing, but here's an example of what I believe you wish to happen: http://jsbin./uwata4