- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Adding options to a
To add options to a <select>, you need to use append(). Following is the JavaScript code −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<select name="mySelection" id="selectCategory">
<option value="Book">Book</option>
<option value="TV">TV</option>
</select>
<script>
var mySelection = new Option("Mobile", "Samsung Mobile");
$(mySelection).html("Samsung Mobile");
$("#selectCategory").append(mySelection);
</script>
</body>
</html>To run the above program, save the file name anyName.html(index.html) and right-click on the file and select the option open with live server in VS Code editor.
Output
- Related Articles
- Authentication options in SAP HANA while adding new system
- What are the options for jQuery Animated Effects?
- Adding a mask to an image using CSS
- Adding Borders to Tables using CSS
- Adding textures to graphs using Matplotlib
- Adding a data table to the figure using Python
- Adding rotation animation to a Polygon object using FabricJS
- Adding a scatter of points to a boxplot using Matplotlib
- Using Options to Set MySQL Program Variables
- How to duplicate a div using jQuery?
- How to validate a form using jQuery?
- How to clone a block using JQuery?
- Adding Drop Shadow to Images using CSS3
- Connecting to the MySQL Server Using Command Options
- Adding a line to a scatter plot using Python's Matplotlib
Advertisements