I want to get the last selected <option> in a <select multiple> in javascript not jquery!
I try:
<select multiple="multiple" onchange="changeEvent(this)">
function changeEvent(selectTag) {
console.log(selectTag.value);
}
I expected to get the last <option> selected
>Solution :
To get all the selected options, use selectedOptions on the selectTag.
For the ‘last’ one pop() the array!
function changeEvent(selectTag) {
console.log(selectTag.selectedOptions);
}
<select multiple="multiple" onchange="changeEvent(this)">
<option>foo</option>
<option>bar</option>
<option>foobar</option>
</select>