¿Cómo? ¿Algo así?
Código PHP:
<select id="sel" onChange="cambioSel()" size="4">
<option value="A">A - Active Avaliable </option>
<option value="P">P - Foreclosure</option>
<option value="CS">CS - Closed Sale</option>
<option value="PS">PS - Pending Sale</option>
</select>
<br />
<input type="text" id="caja" />
<script>
function estaSeleccionado(elemOption) { return elemOption.getAttribute("seleccionado")=="si"; }
function setSeleccionado(elemOption, valor) { elemOption.setAttribute("seleccionado",valor); }
function cambioSel() {
//elemento al que se ha cambiado
var opcion=document.getElementById("sel").options[ document.getElementById("sel").options.selectedIndex ];
var valor= estaSeleccionado(opcion) ? "no" : "si";
setSeleccionado( opcion , valor);
actualizaCaja();
}
function actualizaCaja() {
var opciones=document.getElementById("sel").options;
var caja=document.getElementById("caja");
for(var i=0, seleccionados=new Array(); i<opciones.length; i++)
if( estaSeleccionado(opciones[i]) )
seleccionados[seleccionados.length] = opciones[i].value;
caja.value=seleccionados.join(", ");
}
</script>
Especifica qué quieres hacer en cada evento, qué se tiene que añadir a la caja y por qué, temo no entender tu propósito.
¿Quieres hacer algo como eso o quieres que en la caja se muestren sólo los que están seleccionados? Esto sería mucho más sencillo.
Un saludo.