JavaScript가 선택 상자에서 옵션을 프로그래밍 방식으로 어떻게 선택할 수 있습니까?

JavaScript를 사용하여 선택 상자 요소에서 프로그래밍 방식으로 옵션 선택

웹 개발에서는 선택 상자 요소의 선택된 값을 동적으로 설정해야 하는 경우가 많습니다. JavaScript는 이를 달성하기 위한 편리한 방법을 제공합니다.

문제:

다음 HTML 선택 상자 요소를 고려하십시오.

<select>

프로그래밍 방식으로 어떻게 수행합니까? 다음을 사용하여 주어진 휴가 코드 번호(예: '11')를 기반으로 적절한 옵션을 선택합니다. JavaScript?

해결책:

옵션을 동적으로 선택하려면 다음 JavaScript 함수를 사용할 수 있습니다.

function selectElement(id, valueToSelect) {
    let element = document.getElementById(id);
    element.value = valueToSelect;
}

이 기능을 사용하려면, 선택 상자 요소의 ID(이 경우 'leaveCode')와 선택하려는 옵션의 값(예: '11').

예:

selectElement('leaveCode', '11');

선택 상자에 값이 '11'(의료 휴가)인 옵션이 선택됩니다.

위 내용은 JavaScript가 선택 상자에서 옵션을 프로그래밍 방식으로 어떻게 선택할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!