javascript 만 선택 옵션 순서 변경

Question

버튼을 클릭 할 때 글꼴 선택 옵션의 순서를 반대로 변경하려고합니다. 내가 온라인으로 본 모든 것은 jquery를 사용하고 있습니다. js로 할 수있는 방법이 있습니까?

<button class="gray" type="button" onclick="sortFont();" > click </button> 
<select id="fontMenu" > 
    <option value="Arial">Arial</option> 
    <option value="Times New Roman">Times New Roman</option> 
</select> 

Answer 1

여기서는 배열에 넣기 옵션을 제공합니다. 역. 그런 다음 다시 추가하십시오. 당신이 관심이 있다면 난 당신이 여기에만 자바 스크립트를 원하지만 알고

document.querySelector("button").onclick =() => { 
 
    const fontMenu = document.querySelector("#fontMenu"); 
 
    const options = Array.from(fontMenu.querySelectorAll("option")); 
 
    options.reverse(); 
 
    options.forEach((o) => fontMenu.appendChild(o)); 
 
}

<button class="gray" type="button" > click </button> 
 
<select id="fontMenu" > 
 
    <option value="Arial">Arial</option> 
 
    <option value="Times New Roman">Times New Roman</option> 
 
</select>