Hola, estoy trabajando con jquery en la aplicación angular, quiero obtener todas las opciones seleccionadas de muchas listas de selección en mi archivo ts de componente con jquery, lo que hice:
$("#selectProp select").each(() => { var t = $(this); console.log($(this)) //arr.push($(this).val()); }); console.log(arr) Aquí, con this , quiero obtener la selección con la opción seleccionada del usuario, pero en esto obtengo:
0 => jQuery.fn.init(1) AppComponentAquí obtengo los valores declarados en la clase de exportación AppComponent
Y aquí mi Html:
<div id="selectProp"> <div *ngFor="let BR of splits; let i = index"> <label for="pet-select">Morceau {{i + 1}}</label> <div> <select id="selectAttribut"> <option *ngFor="let prop of lstProp512" [value]="prop.Text"> {{prop.Text}} </option> </select> </div> </div> </div>Así está funcionando:
$('#selectProp select').each((index, element) => { var conceptName = $(element).find(":selected").text(); console.log(conceptName); })