How to create readonly select box but I will post that value?

Question

I want to readonly select box. But I post value from that element. When I disabled it then select box can't post value.

<select name="office_name" id="office_name" readonly>
    <option value="">----Select Office----</option> 
    <option value="1">Bengli</option>   
    <option value="2">English</option>  
</select>

Readonly does not work but disabled work. But I need readonly not disabled. Is it Possible?

What's the point of a readonly select? Just put the value in a readonly textbox if the user is unable to change it. — Rory McCrossan, Jun 11 '16 at 10:35
@SalmanQuader Having `readonly` is fine right? User cannot click it. — Praveen Kumar Purushothaman, Jun 11 '16 at 10:41
Possible duplicate of [HTML form readonly SELECT tag/input](http://stackoverflow.com/questions/368813/html-form-readonly-select-tag-input) — Nameless One, Jun 11 '16 at 13:20

A. Wolff · Answer 1 · 2016-06-11T11:05:56.503

1

What about avoiding any mousedwon/keydown event:

$('#office_name').on('mousedown keydown', function(){ 
  return !$(this).hasClass('readonly');
});

And then, just toggle readonly class to able or disable user selection.

See -jsFiddle-

edited Jun 11 '16 at 11:05

answered Jun 11 '16 at 10:57

A. Wolff

74,033
9
94
155

score 0 · Answer 2 · edited Jun 11 '16 at 10:42

0

You can do like:

Just don't disable option which you want to post else disable all options

So 2 value will be posted into PHP now.

<select>
  <option disabled="disabled">1</option>
  <option selected="selected">2</option> <!-- just dont disable option which you want to post else disable all options-->
  <option disabled="disabled">3</option>
</select>

edited Jun 11 '16 at 10:42

Praveen Kumar Purushothaman

164,888
24
203
252

answered Jun 11 '16 at 10:37

Dhara Parmar

8,021
1
16
27

I need readonly not disabled if i use disabled then this value of tag won't be post – Salman Quader Jun 11 '16 at 10:42
user can't see dropdown list enabled or disabled – Salman Quader Jun 11 '16 at 10:45
I used $("#office_name option:not(selected)").attr('disabled',true);code but i want to disabled dropdown but I post value – Salman Quader Jun 11 '16 at 10:47

How to create readonly select box but I will post that value?

2 Answers2