JavaScript를 사용하여 선택 상자 요소의 값을 프로그래밍 방식으로 설정하는 방법은 무엇입니까?

다음을 사용하여 Javascript를 사용하여 선택 상자의 값을 설정할 수 있습니다. 다음 선택 상자가 있다고 가정합니다 -

<select id="my-select" value="1">
   <option value="1">Select</option>
   <option value="2">Apple</option>
   <option value="3">Strawberry</option>
   <option value="4">Cherry</option>
   <option value="5">Guava</option>
</select>

이 선택 요소의 값을 설정하려면 querySelector를 사용하여 액세스해야 합니다. 그런 다음 값을 설정합니다. 예를 들어 -

예시

// Search the select box
const mySelectBox = document.querySelector('#my-select');
// Set the value to 3 or Strawberry
mySelectBox.value = 3;