To sort the contents of a element in JavaScript, you can retrieve the options from the select element, sort them, and then re-add them to the select element in sorted order. Here’s an example: <select id="mySelect"> <option value="apple">Apple</option> <option value="orange">Orange</option> <option value="banana">Banana</option> <option value="pear">Pear</option> </select> // Get the select element var select = document.getElementById('mySelect'); // Get the options from the select element var options = Array.from(select.options); // Sort the options by their text content options.sort(function(a, b) { if (a.textContent < b.textContent) { return -1; } else if (a.textContent > b.textContent) { return 1; } else { return 0; } }); // Remove the options from the select element select.innerHTML = ''; // Re-add the sorted options to the select element options.forEach(function(option) { select.add(option); }); In this example, we retrieve the element by its ID using document.getElementById(), and then retrieve its options using the options property. We convert the options collection to an array using Array.from() so that we can sort it using the Array.sort() method.

We sort the options by their text content using a comparison function that compares the textContent property of each option element. We then remove the options from the select element using the innerHTML property, and re-add the sorted options to the select element using the add() method.

After running this JavaScript code, the options in the element will be sorted alphabetically by their text content.