- Instant help with your Html coding problems

Set selected element in a drop down list

by Mike
Question:
How to set selected element in a drop down list?
Answer:
<!-- Use the selected attribute to select an element / option -->
<select name="range">
  <option value="1">1..9</option>
  <option value="2" selected>10..19</option>
  <option value="3">20..29</option>
</select>
Description:

Include a selected attribute on an <option> element to make it selected by default when the page first loads.

Reference:
The select element reference
Share "How to set selected element in a drop down list?"
Related snippets:
Tags:
select, drop down, option, html, element
Technical term:
Set selected element in a drop down list
Trending snippets
Create mailto link with pre-populated contentSubmit HTML form to self pageLink to a section on the same pageLazy loading images in HTMLSet selected element in a drop down listUse webP images in HTMLCreate drop down list in HTMLCreate a mailto link in HTMLSetup Facebook Open Graph Meta TagsUse dns-prefetch to improve performanceImport CSS file into HTMLCreate a link to call phone numberSetup Twitter Meta TagsLimit characters in Textarea in HTML
Network articles
Use dns-prefetch to improve performanceSet selected element in a drop down listLazy loading images in HTMLLink to a section on the same pageFix the ReactDOM.render is no longer supported in React 18Solving the Uncaught SyntaxError: Cannot use import statement outside a moduleSolving the Error: unsupported class file major versionSolving the Error [ERR_REQUIRE_ESM]: require() of ES Module not supportedHow to run useEffect only once in ReactSave request to a file in PostmanChange SVG icon color with TailwindCSSFix the *.ps1 cannot be loaded because running scripts is disabled on this systemAdd CSS to content script in Manifest V3Fix the Unknown at rule @tailwind warning in VSCodeUse IF statement in MySQLShow hidden characters in VS CodeConvert INT to DATETIME in MySQLCheck if a string ends with number in JavaScriptConvert string to lowercase with JavaScriptToggle fullscreen and normal mode with JavaScript