Buenos días comunidad!
Tengo una duda. Necesito recorrer varios select, y obtener la option seleccionada en cada uno. Cada select tiene un id diferente que no puedo saberlo ya que es el id de una tabla de donde obtengo los datos, también la cantidad, puede haber un select como también pueden haber 200.
HTML
<table id="tablaDeLicencia" class="table table-condensed table-striped">
<thead>
<tr>
<th>Funcionario</th>
<th>Documento</th>
<th>Area</th>
<th>Periodo</th>
<th>Dias</th>
<th>Solicitado</th>
<th>Aprobacion</th>
</tr>
</thead>
<tbody>
{% for solicitud in solicitudes %}
<tr class="hidde-odd">
<td class="acot-xgr-gr1">{{ solicitud.nombre_solicitud }}</td>
<td class="acot-xgr-gr1">{{ solicitud.documento_solicitud }}</td>
<td class="acot-xgr-gr1">{{ solicitud.area_solicitud }}</td>
<td class="acot-xgr-gr1">{{ solicitud.periodo_solicitud }}</td>
<td class="acot-xgr-gr1">{{ solicitud.cantidad_solicitud }}</td>
<td class="acot-xgr-gr1">{{ solicitud.fecha_solicitud }}</td>
<td class="acot-xgr-gr1">
<select name="estadoSolicitud" id="{{ solicitud.id_solicitud }}">
<option value="0" selected="true">En Espera</option>
<option value="1">Aprobar</option>
<option value="2">No Aprobar</option>
</select>
</td>
</tr>
{% endfor %}
</tbody>
</table>
JS
function actualizarSolicitudes(){
document.querySelectorAll('#tablaDeLicencia input[type=select]').forEach(function(checkElement) {
if(checkElement.checked == true){
count++;
}
});
}
desde ya, muchas gracias.
Saludos
select
puedes añadir el atributoname
y dejarles el mismo nombre a todos, cuando quieras acceder a ellos los hacesconst selects= document.getElementsByName("select_name");
esto te va a crear un arreglo de objetos, y los vas a poder manipular como un arreglo. Fuente