How to send the selected value of jQuery select after I have disabled it?

Question

I have a jQuery select option where I have to kind of freeze (disable) from any changes. But when I do

 $(this).attr('disable', true);

the select freezes but the value it sends in null as there is no more anything selected in it. How can I freeze and still send the selected values?

@AnkitJaiswal Just make sure to use array name, e.g. `` if you are setting multiple inputs with the same name. — Aleks G, May 22 '13 at 10:45
but after you freeze it, the value is lost. The issue is how can I retain the values? — Nihal Sharma, May 22 '13 at 10:46
Set a hidden input in your form and a function `.onchange(...)` to change the value of that input with the value of your select — DaGLiMiOuX, May 22 '13 at 10:47
http://stackoverflow.com/questions/1191113/disable-select-form-field-but-still-send-the-value — Shijin TR, May 22 '13 at 10:48
Just a suggestion: _As of jQuery 1.6, the `.prop()` method should be used to set disabled and checked instead of the `.attr()` method._ — palaѕн, May 22 '13 at 10:53

score 0 · Answer 1 · answered May 22 '13 at 10:46

0

You cannot pass the disabled input fields to post. Use readonly or hidden fields or make this select style to display:none.

Best will be use readonly

answered May 22 '13 at 10:46

Kailash Yadav

1,880
2
18
37

score 0 · Answer 2 · answered May 22 '13 at 11:07

0

You could enable the element again before submit.

$('#myForm').submit(function() {

  $(this).find(':input:disabled') // Find disabled form elements within the form
    .prop('disabled', false); // Enable elements

});

answered May 22 '13 at 11:07

Stefan

5,644
4
24
31

How to send the selected value of jQuery select after I have disabled it?

2 Answers2