Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Populating Dropdowns Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> $(document).ready(function(){ var options = [ { value: '1', text: 'Option 1' }, { value: '2', text: 'Option 2' }, { value: '3', text: 'Option 3' } ]; $.each(options, function(index, option) { $("#dropdown").append($("<option></option>").attr("value", option.value).text(option.text)); }); }); </script> </head> <body> <select id="dropdown"> <option value="">Select an option</option> </select> </body> </html>
console output