Red de conocimiento informático - Aprendizaje de programación - Código JS, ¿cómo cambiar una selección única a una selección múltiple?

Código JS, ¿cómo cambiar una selección única a una selección múltiple?

lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN"

"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}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>

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

lt;p>