How to make option element readonly but not disabled the select element [closed]

Question

Closed. This question needs debugging details. It is not currently accepting answers.

Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.

Closed 5 years ago.

Improve this question

I tried setting readonly attribute to true, but it did not work as i am still able to select the value from dropdown.

<tr>
    <td>
        <select name="type" tabindex="0">
            <option value=""></option>
            <option value="first">first</option> 
            <option value="second">second</option>
        </select> 
    </td> 
</tr>

Actual code: <tr> <td><select name="type" tabindex="0"> <option value=""></option> <option value="first">first</option> <option value="second">second</option></select> </td> </tr> — saloni
– saloni, Commented Jan 27, 2020 at 5:47
Does this answer your question? How to disable an input type=text? — Amaresh S M
– Amaresh S M, Commented Jan 27, 2020 at 5:51

ellipsis · Accepted Answer · 2020-01-27 05:50:29Z

7

You can use disabled on options instead of the whole select tag

<select name="type" tabindex="0">
 <option value="" disabled></option>
 <option value="first" disabled>first</option> 
<option value="second" disabled>second</option>
</select>

answered Jan 27, 2020 at 5:50

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

saloni Over a year ago

Ok this way , Will I able to submit the value in the form ?

ellipsis Over a year ago

Yes you can submit the value in the form for the options which are "not disabled". The disabled ones will not be selected hence cannot be submitted.

saloni Over a year ago

No, basically I dont want user to select the value from dropdown but I need to myself set the value of dropdown according to some other fields below dropdown. So even I can hide also th options but whatevr value i set ..it should submit in form.

ellipsis Over a year ago

Ya you can give a default value to the select on the time of submission via js

saloni Over a year ago

Is it possible, If i stop user from expanding the dropdown itself?

|

Sohail Ashraf · Accepted Answer · 2020-01-27 06:11:56Z

2

Try this.

$(document).ready( function() {
  $('#select').change( function() {
    if($(this).val() !== '')  console.log($(this).val());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="type" tabindex="0" id="select"> 
     <option value=""></option> 
     <option value="first" disabled>first</option> 
     <option value="second" disabled>second</option>
      <option value="Not disabled">Not disabled</option>
</select>

edited Jan 27, 2020 at 6:11

answered Jan 27, 2020 at 5:52

Sohail Ashraf

10.7k3 gold badges31 silver badges43 bronze badges

Collectives™ on Stack Overflow

How to make option element readonly but not disabled the select element [closed]

2 Answers 2

8 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Linked

Related