Llenar select con Array

[vitttoh]

Hola,
necesito llenar 2 select con datos que contenga un array y a la vez dependiendo el dato que se seleccione en el select 1 no mostrar el valor seleccionado en el select 2.

me explico, tengo un array

var pisos = new Array ("piso 1", "piso 2", "piso 3");

el cual me rellene 2 select
<select class="form-control" id="slelect 1" value="" name="slelect 1" >
<select class="form-control" id="slelect 2" value="" name="slelect 2" >

si selecciono piso 1 en el select 1, en el select 2 no me muestra el piso 1 ya que se selecciono en el select 1

[ZedGe1505]

Hola que tal??

Te dejo un código espero te sirva

Código HTML:

<div id="div1">
<select id="consola"><option></option></select>
</div>
 

Código Javascript:

var consolas = new Array ("Seleccione una Opción...","Playstation", "XBOX", "Wii");
window.onload = cargarSelect();
 
function cargarSelect() {
           //Carga tus select
            var consola = document.getElementById("consola");
            for (var i = 0; i < consolas.length; i++) {
                consola.options[i] = new Option (consolas[i],i);
            }
}
  //Evento cuando se cambia valor de select 1      
 $( "#consola" ).change(function() {
  var optionSelected = $(this).find("option:selected");
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
    alert('Texto: '+textSelected + ' Valor: ' + valueSelected);
});
 

[Alexis88]

Bienvenido a Foros del Web.

Como supongo que cuando se elija una segunda opción querrás que la que previamente fue retirada del otro combo retorno al mismo, tendrías que ejecutar un ciclo en el cual recorrerías el array y solo tomarías a los valores que sean distintos al seleccionado en el combo en el cual se produjo el cambio de opción. Y como sería lo mismo para el otro combo, lo conveniente es utilizar una función.

Un ejemplo:

Código HTML:

<select id="a"></select>
<select id="b"></select>
 

Código Javascript:

var o = ["foo", "bar", "bin", "baz"], a, b, op, po, fn = function(s, v){
    s.innerHTML = "";
    for (var i in o){
        if (o[i] != v){
            op = document.createElement("option");
            op.value = o[i];
            op.text = o[i];
            s.add(op);
        }
    }
};
 
//Al terminar de cargar los elementos de la página
document.addEventListener("DOMContentLoaded", function(){
    a = document.querySelector("#a");
    b = document.querySelector("#b");
 
    //Llenamos ambos combos
    for (var i in o){
        op = document.createElement("option");
        op.value = o[i];
        op.text = o[i];
        po = op.cloneNode(true); //Clonamos a la opción previamente creada
        a.add(op);
        b.add(po);
    }
 
    a.addEventListener("change", function(){
        fn(b, this.value);
    }, false);
    b.addEventListener("change", function(){
        fn(a, this.value);
    }, false);
}, false);
 

Cuando se elija una opción en cualquiera de ambos combos, se enviará como argumentos de la función al otro combo y el valor del combo actual. En la función, limpias al otro combo, recorres la lista de opciones y en cada iteración verificas que el valor actual en el bucle es diferente al valor seleccionado en el combo actual; de ser así, creas la opción, le asignas el valor y texto y la adhieres al otro combo.

DEMO

Un saludo