He buscado y probado varias cosas, pero no puedo encontrar una manera de obtener javascript para alertar a mi opción elegida.
¿Por qué no muestra una alert después de 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>está iterando la variable "elem" y cuando muestra una alerta está usando "selects".