Compara dos select en javascript

[alejandrorene]

Hola amigos de foros web tengo una duda quisiera saber si me pueden ayudar lo que pasa es que soy nuevo en javascript y necesuito algo de ayuda.
Tengo dos select que se llenan con funciones de php recorriedo los resultados de las consultas con un foreach.
Ambos select se llenan sin problemas.
El tema es que quisiera borrar los elementos del select 1 cuyos ids no coinciden con el select 2.
aqu i les dejo mi codigo agradeceria cualquier ayuda

Saludos


var convenio = document.getElementById('select_convenio').value;
var convenio2= document.getElementById('select_convenio_2').value ;


for(i=0;i<convenio.length;i++){
var opt=convenio[i];
for(j=0;j<convenio2.length;j++){
var opt2=convenio2[j];
if(opt.value!=opt2.value){
id=opt.value;
alert(id);
opt.remove(id);}
}
//opt.remove(id);}
}

[manuparquegiralda]

Creo que lo que tienes que hacer es impedir en PHP directamente que se rellenen los selects con las condiciones que tu quieras te va a resultar mucho más facil que hacerlo por javascript.

Igualemente la función está mal, porque no estás cogiendo los elementos si no los values de los elementos si he entendido bien tu pregunta creo que buscas algo así:

Eliminar los options del selec_convenio que no estén en el select_convenio_2

Código Javascript:

var convenio = document.getElementById('select_convenio').childNodes;
var convenio2 = document.getElementById('select_convenio_2').childNodes;
var opt;
var opt2;
var existe;
 
for(i=0 ; i<convenio.length ; i++){
        existe = "no";
    if(convenio[i].nodeType != 3){
                opt = convenio[i].id;
        for(j=0;j<convenio2.length;j++){
                        if(convenio2[i].nodeType != 3){
                    opt2 = convenio2[j].id;
                    if(opt == opt2){
                                       existe = "si";
                                       break;                                                                   
                    }
                        }
        }
                if(existe == "no"){
                        document.getElementById('select_convenio').removeChild(convenio[i]);
                }
    }
}
 

[Nagatox]

la respuesta anterior esta bastante buena y precisa

saludos

[alejandrorene]

Gracias por tu respuesta manuparquegiralda

he corregido algunas cosas minimas y me ha funcionado eres un CRACK!! Gracias de verdad te lo agradezo me has ayudado a solucionar un gran problema
lo unico que cambie fue

opt = convenio[i].id;
por
opt = convenio[i].value;

y opt2 = convenio2[i].value;
por
opt2 = convenio2[j].value;

Saludos