I am setting and disabling the textbox using jquery. When I click on save and posted to server, I can't see this particular element value.
$('#FirstName').prop('disabled', true);
How can I disable the textbox and post the value to server?
Asked
Active
Viewed 656 times
1
-
do you use textboxfor for your textbox? if you do then I would recommend using hiddenfor also. that will ensure the value gets returned – Matt Bodily Nov 21 '14 at 21:30
-
I use textboxfor but I don't want to use hiddenfor because I have lot of controls which I need to disable them. – user3477335 Nov 21 '14 at 21:31
-
3Disabled controls do not post back. You could make them readonly instead – Nov 21 '14 at 21:32
2 Answers
1
By design disabled form controls are not included in the submitted data. If your aim is to prevent users from changing the set value use readonly instead:
$('#FirstName').prop('readOnly', true);
To make all form fields within a given div, use the following:
$('div :input').prop( 'readOnly', true );
PeterKA
- 24,158
- 5
- 26
- 48
-
Thank you for your answer but how to make all the elements(textbox,radio button, dropdown) inside div readonly? – user3477335 Nov 21 '14 at 22:00
-
0
You could possibly use something what Trevor suggested here
$('.container').find('input, textarea, button, select').attr('disabled','disabled');
Fiddle works fine with Chrome/Mozilla/IE 10,9,8
