Disabling select option does not saves value in database

Question

I have a Select Option which I am disabling through javascript like below

document.getElementById('CmbDepartment').disabled = true;

But after disabing what happens is, the value in the database is saved as 0.

And after removing the disable part my value is getting saved properly.

But I want to disable the Select list.

Here is my HTML of the Select list

<select id="CmbDepartment" runat="server" style="width: 25%" onchange="FunEmpFill()">
     <option value="0">--Select--</option>
</select>

So is there any other way to deal with this ??

http://stackoverflow.com/questions/8925716/disabled-form-fields-not-submitting-data — Nikhil Girraj, Jun 23 '16 at 08:47
@NikhilGirraj: the link code is for textbox not for the `select` option. — Nad, Jun 23 '16 at 08:50
The point is, `disabled` fields do not get submitted with the form. — Nikhil Girraj, Jun 23 '16 at 08:52
@NikhilGirraj: yeah, I got that. SO what's the solution for that ? — Nad, Jun 23 '16 at 08:53
so what you want in database column when your select is disabled . whether 0 or empty — Nazir Ullah, Jun 23 '16 at 09:15
@NazirUllah: there is value set which i want to save into the database — Nad, Jun 23 '16 at 09:26
You can use a hidden field to hold the selected value (see http://stackoverflow.com/questions/8687598/how-to-get-selected-value-of-disabled-dropdown-in-c-sharp). — ConnorsFan, Jun 23 '16 at 12:06

score 0 · Answer 1 · edited Jun 23 '16 at 09:12

If I understand properly, you have assigned option value as 0. and then disabled select tag, so it will take default option value.

You can change you option value or remove completely.

Or you can dynamically assign value to select tag and selected via JS

Ex

$('#CmbDepartment').append($('<option>', {value:1, text:'One'}));
$('#CmbDepartment').append('<option val="1">One</option>');
var option = new Option(text, value); $('#CmbDepartment').append($(option));

score 0 · Answer 2 · answered Jun 23 '16 at 15:06

0

Let me propose a hack. Instead of disabling the select, I have set the style property pointer-events to none. Also, I added opacity: 0.5; to make it look disabled. This would not stop the select control from being submitted along with the other form elements.

Try running the code snippet below.

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

<select>
  <option>Value 1</option>
  <option>Value 2</option>
  <option>Value 2</option>
</select>

<button onClick="document.getElementsByTagName('select')[0].classList.add('disabled');">Disable Select</button>

answered Jun 23 '16 at 15:06

Nikhil Girraj

1,135
1
15
33

happy with ur logic, but will it would be **enable** whenever I need it ? – Nad Jun 24 '16 at 04:55
yes, just remove the class `. disabled ` from the element. – Nikhil Girraj Jun 24 '16 at 05:03
can u apply the same class on the `select` and show. As I dont want it on `button click` – Nad Jun 24 '16 at 05:25

Disabling select option does not saves value in database

2 Answers2