document.getElementById('my-select').addEventListener('change', function() {
console.log('You selected: ', this.value);
});<!--
You can use any of the following:
onkeydown, onkeyup or onchange
-->
<input type="text" onkeydown="keydownFunction()"
onkeyup="keyupFunction()" onchange="changeFunction()"><script>
document.getElementById("fname").addEventListener("change", myFunction);
function myFunction() {
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
}
</script><select class='select-option' [(ngModel)]="selected"
(change)='onOptionsSelected($event)'>
<option class='option' *ngFor='let option of dropDownData'
[value]="option.seo_val">{{option.text_val}}</option>
</select>
public onOptionsSelected(event) {
const value = event.target.value;
this.selected = value;
console.log(value);
}