Estoy tratando de obtener con jQuery el listado de valores de "options" que tiene un selector. Me gustaría hacerlo en una sola línea.
Tengo aquí un ejemplo:
function myFunction() {
var array_opciones = [];
var opciones = $('#miselect').children();
for (i=0;i<opciones.length;i++) {
array_opciones.push(opciones[i].value);
}
console.log(array_opciones);
}
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<form>
<select id="miselect" size="4">
<option value='Manzana'>Apple</option>
<option value='Naranja'>Orange</option>
<option value='Piña'>Pineapple</option>
<option value='Platano'>Banana</option>
</select>
</form>
<p>Abre la consola de javascript y haz click para ver el resultado</p>
<button onclick="myFunction()">CLICK AQUÍ</button>
<p id="demo"></p>
</body>
</html>
Esto es lo mas limpio que he podido obtener, pero imagino que debe haber alguna forma mejor de obtener los values con jQuery.