Home / Questions / 48900
Accepted
hubman
Asked: 2020-02-11 14:09:17 +0800 CST 2020-02-11 14:09:17 +0800 CST

Select a default value in an HTML <select> element whose option is disabled

  • 772

My code is:

<select>
  <option value="" disabled>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

How do I make it appear in the select seleccione la marca, but not be selectable?

I tried disabledbut it doesn't show up.

html

3 Answers

  1. Best Answer

    Credits: https://stackoverflow.com/a/22033973/4092887

    Try this code by changing your optionlike so:

    <option selected="true" disabled="disabled">seleccione la marca</option>

    This is the result:

    <select>
  <option selected="true" disabled="disabled">seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

    • 10

  2. Use the property selectedas it disabledis actually to disable the option:

    <select>
  <option value="" selected>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

    or you can perform a combination of both properties:

    <select>
  <option value="" selected disabled>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

    This is the definition of the properties:

    selected : Specifies that an option should be preselected when the page loads

    disabled : Specifies that an option should be disabled

    • 3

  3. you put selectthe attribute requiredand option"select the brand" you remove the attributedisabled

    <select required>
  <option value="">seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>
    • 3