I'am trying to retrieve all the selected values from a select element with multiple options but I can only grab the last selected value. HTML
<select class="slds-select" id="select-01" multiple="" onchange={checkedPrio}>
<template for:each={prioList} for:item="pri">
<option class="slds-box" key={pri.Id} value={pri} >{pri}</option>
</template>
</select>
JS
checkedPrio(event){
console.log('selected ' + event.target.value) // returns the last clicked option
console.log('ALLLLL' + this.template.querySelector('select.slds-select').value); //this returns the last clicked item as well when I need to grab all the selected ones.