Tengo un problema, es que cree un select
con varias options
, y quiero modificar el size
de ellos cuando de click, pero en las varias formas que e intentado siempre me deja modificar o el primero o el último, pero no me toma más elementos.
// Creamos un array vacio para almacenar las iteracines
var selectores = new Array();
// Creamos un array vacio para almacenar a quien le doy click
var ElementosClick = new Array();
// Seleccionamos todos los tag select
var selector = document.getElementsByTagName('select');
// Capturamos el click y lo pasamos a una funcion
document.onclick = capturaClick;
// Iteramos y almacenamos las posiciones de los select
var i;
for (i = 0; i < selector.length; i++) {
selectores[i] = onclick(selector);
selectores.push(i);
console.log(i);
}
console.log("Selectores: " + selectores)
function capturaClick(e) {
// Funcion para capturar el click del raton
var Click;
if (e == null) {
// Si hace click en un elemento, lo leemos
Click = event.srcElement.tagName + asd;
selector[i].addEventListener("click", cambioSize)
} else {
// Si ha hecho click sobre un destino, lo leemos
Click = e.target.tagName + asd;
selector[i].addEventListener("click", cambioSize)
}
// Añadimos el elemento al array de elementos
ElementosClick.push(Click);
// Una prueba con salida en consola
console.log("Contenido sobre lo que ha hecho click: " + Click);
}
function cambioSize() {
selector[i].size = "5";
}
<select>
<option value="0">--Seleccionador--</option>
<option value="1">-- Uno --</option>
<option value="2">-- Dos --</option>
</select>