Hay dos errores claros en tu código y en tu proceder:
1. El
id debe ser un valor
único en todo el documento HTML. Si tienes 10 elementos con el mismo
id, cuando intentes tomarlos a todos a partir de dicho valor, como hiciste en
var auxiliar_segundo = $('#auxiliar_segundo');, solo vas a obtener al primero de todos los elementos. Lo aconsejable es que utilices una clase, la cual sí se puede repetir.
2. Cualquier otro elemento
que no sea un <option>, siempre quedará fuera de un
<select>, a pesar de que lo intentes añadir mediante código. Esto sucede porque, cualquier otro elemento diferente a un
<option>, no es parte de la estructura de un
<select>.
Si lo que deseas es obtener la posición de un valor dentro de un arreglo, utiliza el método
.indexOf(). Te mostraré dos ejemplos de su uso:
Código Javascript
:
Ver original//Caso 1: Arreglo de palabras
var arrPalabras = ["Cuando", "Como", "Donde"], //Arreglo de palabras
buscar = "Cuando", //Palabra a buscar
posicion = arrPalabras.indexOf(buscar); //Intento de captura de posición de la palabra en el arreglo
//Si la posición es mayor a -1, quiere decir que la palabra buscada existe en el arreglo
if (posicion > -1){
console.log("La palabra " + buscar + " se encuentra en la posición " + posicion + " del arreglo");
}
//Caso contrario
else{
console.log("La palabra " + buscar + " no se encuentra en el arreglo");
}
//Caso 2: Lista de nodos (colección de elementos HTML)
var arrHTML = $(".botones"); //Colección de botones con la clase "botones"
//Se ejecutará una función al darle un clic a cualquier botón de la colección
arrHTML.on("click", function(){
var boton = this, //Tomo al botón pulsado
posicion = [].indexOf.call(arrHTML, boton); //Tomo la posición del botón en la colección
/*
Aquí ya no necesito comprobar si la posición del botón se encuentra en el arreglo
puesto que el botón existe desde antes de ejecutarse este script
*/
console.log("El botón pulsado se encuentra en la posición " + posicion + " de la colección de botones");
});
