Q:

Using jQuery remove all the options of a select box and then add one option and select it

hamza
Save to bookmark
|
2022-05-18
|
  176 
0

Using jQuery remove all the options of a select box and then add one option and select it.

JQUERY,
login and add your own answer to this question

All Answers

hamza
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer 

<!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Remove all the options of a select box and then add one option and select it with jQuery</title>
  </head>
  <body>
  <select id='myColor'>
  <option value="Red">Red</option>
  <option value="Blue">Blue</option>
  <option value="Green">Green</option>
  </select>
<input type="button" value="Click to Remove all Options" onclick="Remove_options()"/>
  </body>
  </html>

JavaScript Code :

function Remove_options()
{
$('#myColor')
    .empty()
    .append('<option selected="selected" value="test">White</option>');
}

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Similar questions

need a help?

find thousands of online teachers now