[ Foro de Javascript ]

¿Cómo obtener el valor del option Seleccionado desde una selección dinámica que se genera a partir de Python Flask?

26-Mar-2020 22:45
Invitado (Antonio)
0 Respuestas

Soy nuevo usando Flask y Python ahora estoy enfrentando un problema. Quiero saber si hay una manera de obtener el valor del option Seleccionado desde una selección dinámica que se genera al consultar en una tabla SQLite con Javascript.??

Estoy usando este código para crear la selección dinámica ...

El HTML:

<div class="input-field">
<select name="layouts-{{ loop.index }}" id="layouts-{{ loop.index }}">
 <option value="" disabled selected>Escoje el layout</option>
 </select>
<label>Materialize Select</label>
</div>

(Para agregar dinámicamente el elemento en los option de selección, tengo un código javascript, no lo estoy mostrando porque es solo para agregar el elemento). (está funcionando bien)

El resultado de ambos es el siguiente, el nombre de mi tabla se llama layouts y los elementos que tiene son:
__|_id_|____Nombre__|
__|_1__|_clientes_____|
__|_2__|_proveedores_|
__|_3__|_cuentas_____|

Estos elementos tienen un Id y un nombre. (Solo estoy mostrando el nombre)
La idea principal es obtener el "id" del elemento seleccionado de esta lista.

Este es el Javascript que he probado, pero no funciona .....

<script>
var select = document.getElementById('layouts-{{ loop.index }}');
select.addEventListener('change',
 function(){
   var seleccionado = this.options[select.selectedIndex].id;
   console.log(seleccionado.value + ': ' + seleccionado.id);    
 });
</script>

ahora, aquí es donde no sé cómo debo hacer para obtener la id del elemento seleccionado...




(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)