ES6을 사용하여 다중 선택 요소에서 선택 항목 설정

JavaScript에서 다중 선택 요소의 선택을 프로그래밍 방식으로 설정하는 솔루션을 웹에서 찾고 있다면 jQuery, 인덱싱된 루프 및 if 조건 또는 기타 복잡한 항목을 사용하여 답을 찾을 가능성이 큽니다. 최신 브라우저와 ES6은 (거의) 한 줄의 코드로 간단한 솔루션을 제공합니다.

HTML

<select id="selectElement" size="3" multiple>
    <option value="oranges">Oranges</option>
    <option value="apples">Apples</option>
    <option value="cherries">Cherries</option>
</select>

자바스크립트

let selectElement = document.getElementById('selectElement');
let a = ['oranges', 'cherries'];
for (option of selectElement.options) option.selected = 
    a.includes(option.value);

저기요!
(사진 Anthony Martino on Unsplash )

Reference

이 문제에 관하여(ES6을 사용하여 다중 선택 요소에서 선택 항목 설정), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/latz/set-selections-in-a-multiple-select-element-with-es6-3dn

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다