I have searched around and tried various things but I cannot find a way to get javascript to alert my chosen option.
Why does not display an alert after select option?
const selects = document.querySelectorAll('.group-select');
selects.forEach((elem) => {
elem.addEventListener('change', (event) => {
alert(selects.length);
});
});<select class="group-select form-control selectpicker" title="چیزی انتخاب نشده است" id="o1" name="o1">
<option value="در استان محل سکونت" data-value="state">در استان محل سکونت</option>
<option value="به صورت منطقه ای / ملی" data-value="region">به صورت منطقه ای / ملی</option>
<option value="در مرکز تربیت مربی" data-value="teacher">در مرکز تربیت مربی</option>
</select>
<select class="group-select form-control selectpicker" title="چیزی انتخاب نشده است" id="o2" name="o2">
<option value="در استان محل سکونت" data-value="state">در استان محل سکونت</option>
<option value="به صورت منطقه ای / ملی" data-value="region">به صورت منطقه ای / ملی</option>
<option value="در مرکز تربیت مربی" data-value="teacher">در مرکز تربیت مربی</option>
</select>const selects = document.querySelectorAll('.group-select');
selects.forEach((elem) => {
elem.addEventListener('change', (event) => {
alert(elem.length); //to display the length
alert(elem.value); //to display the selected value
});
});<select class="group-select form-control selectpicker" title="چیزی انتخاب نشده است" id="o1" name="o1">
<option value="در استان محل سکونت" data-value="state">در استان محل سکونت</option>
<option value="به صورت منطقه ای / ملی" data-value="region">به صورت منطقه ای / ملی</option>
<option value="در مرکز تربیت مربی" data-value="teacher">در مرکز تربیت مربی</option>
</select>
<select class="group-select form-control selectpicker" title="چیزی انتخاب نشده است" id="o2" name="o2">
<option value="در استان محل سکونت" data-value="state">در استان محل سکونت</option>
<option value="به صورت منطقه ای / ملی" data-value="region">به صورت منطقه ای / ملی</option>
<option value="در مرکز تربیت مربی" data-value="teacher">در مرکز تربیت مربی</option>
</select>you are iterating the variable "elem" and when you are displaying alert you are using "selects".