Código JS, ¿cómo cambiar una selección única a una selección múltiple?
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "gt;
lt; html xmlns="http://www.w3.org/1999/xhtml"gt;
lt; headgt;
lt; meta http-equiv="Content-Type" content="text/ html; charset=gbk" /gt;
lt; seleccionar etiqueta para efecto de campo de texto, selección múltiple/repetición filtrable/ número limitado @Mr.Thinklt;/titlegt;
lt; stylegt;
/*reset css*/
body, input{letter -spacing: 1px ; fuente: 12px/1.5 tahoma, arial, \5b8b\4f53}
body{color: red;}
div, h2, p, input, select{ margin: 0; relleno: 0}
entrada{vertical-align: middle}
h1, h2, p, entrada, seleccionar{ margen: 0; relleno: 0} p>
h1{tamaño de fuente: 1em; peso de fuente: normal}
h1{tamaño de fuente: 1em; peso de fuente: normal}
h1 a{ fondo: #047 ; relleno: 2px 3px; color: #fff; decoración de texto: ninguno}
h1: hover{fondo: #a40000; color: #fff p>h1 a: hover{fondo: #a40000; color: #fff; decoración de texto: ninguno}
h3{ color: #888; peso de fuente: negrita; : 1em auto; posición: relativa}
/*demo css*/
#demo{posición: relativa;}
#demo input{_margin-top : 1px; -izquierda: 5px; borde: 1px sólido
#999; ancho: 700px; alto: 20px; tamaño de fuente: 14px; color: #000}
# entrada de demostración{_margin -arriba: 1px; relleno-izquierda: 5px; borde: 1px sólido
#999; ancho: 700px; alto: 20px; tamaño de fuente: 14px; > #dropbox{posición:absoluta;pantalla:ninguna;z
-index: 9999; relleno: 5px; fondo: #fff; borde: 1px
sólido #999; borde superior: 0 {margin-right: 8px; decoración de texto: ninguna}
#dropbox a{margin-right: 8px; decoración de texto: ninguna}
#dropbox a: hover{texto -decoración:subrayado}.
#dropbox p{altura-línea: 24px}.
#dropbox em.close{float: derecha; color: #999; estilo de fuente: normal; cursor: puntero}.
lt;/stylegt;
lt;script type="text/javascript"gt;
ventana.onload = función ()
{
var oDemo = document.getElementById("demostración");
var oInput = document.getElementsByTagName("entrada")[0]; > var oDropbox = document.getElementByTagName("input")[0]
}
para (i = 0; i lt; aA.length; i )
{
aA[i].onclick = función (evento)
{
if(oInput.value==oInput.defaultValue){
oInput.value= this.innerHTML;
}else if(oInput.value.indexOf(this.innerHTML)==-1){
oInput .value = " " this.innerHTML;
}
(event || window.event).cancelBubble = true; //cancelar acumulación de variables
} ;
}
oDropbox.onclick = función (evento)
{
(evento || ventana.event).cancelBubble = verdadero;
};
document.onclick = oClose.onclick = función ()
{
oDropbox.style.display = "ninguno";
};
};
lt;/scriptgt;
lt;/headgt;
lt;bodygt;
lt;div id="demo"gt;
lt;label para="tagsbox"gt; stronggt; lt; tipo de entrada="texto" valor="Haz clic en mí"
readonly="readonly " class="tagsbox" data-count="10" /gt;lt;/labelgt; p> p>
lt;div id="dropbox"gt;
lt;em class="close" title="close"gt;/em gt; p> lt;pgt;lt;stronggt;Etiquetas populares:lt;/stronggt;lt;a href="javascript: void(0)"gt;Wandering Timelt;/agt;lt;a
href = "javasc
ript.void(0)"gt;JavaScriptlt;/agt;lt;/pgt;
lt;/divgt;
lt;br style="clear: ambos" /gt
lt;/divgt;
lt;/bodygt;
lt;/htmlgt;
Recuerda dar puntos p>
lt;p>