var menu1=new Array()
menu1[0]='<select multiple name="stat1[]" id="stat1" style="background-color:#D3DEE7; font-size:0.9em; color:#334457;" onChange="select_status(this.options[this.selectedIndex].value);">'
menu1[1]='<option value="A ">A   -   Active Avaliable </option>'
menu1[2]='<option value="CS ">CS -   Closed Sale</option>'
menu1[3]='<option value="PS ">PS -   Pending Sale</option></select>'
Tengo este select que pertenece a un metodo JS que lo muestra como un menu desplegable cuando coloco el raton encima de este input:
<input type="text" name="multiple" id="multiple" onMouseover="dropdownmenu(this, event, menu1, 'auto')" onMouseout="delayhidemenu()" readonly />
Ahora tengo este el metodo select_status:
function select_status(val){
var mul = document.getElementById("multiple");
if(mul.value.indexOf(val)==-1){
mul.value+=(mul.value!=''?',':'')+val;
}else if(mul.value.indexOf(val)!=-1){
mul.value=mul.value.replace(val,'');
mul.value=mul.value.replace(',','');
}
}
explico:
Esto lo que hace es que cuando selecciona algo del "select" me lo coloca en el input y si vuelvo a seleccionar algo que ya esta en el input, lo borra... la cosa es que quisiera que cuando lo seleccione la priemra vez me haga la funcion de la tecla CONTROL en un select multiple, es decir, que los resalte de azul... y cada seleccion la deje toda resaltada... y cuando seleccione por segunda vez, es decir que ya exista en el input me deseleccione en el select......
NOTA: ... o al menos quisiera que la opcion seleccionada mostrara un background azul... y si se deselecciona vuelva otra vez a blanco....