Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Librería CHOSEN

Estas en el tema de Librería CHOSEN en el foro de Javascript en Foros del Web. Estimados: Me encuentro desarrollando un proyecto y quiero usar la librería Chosen para poner select con mas opciones. Para aprender a usar esta librería quise ...
  #1 (permalink)  
Antiguo 04/11/2015, 19:23
Avatar de rcontreras09  
Fecha de Ingreso: enero-2015
Mensajes: 2
Antigüedad: 9 años, 3 meses
Puntos: 0
Pregunta Librería CHOSEN

Estimados:
Me encuentro desarrollando un proyecto y quiero usar la librería Chosen para poner select con mas opciones.
Para aprender a usar esta librería quise hacer un ejemplo rápido para jugar un poco y ver como funcionaba, pero no he podido hacer andar el código. (Quizás tengo un error muy de novato ).

Les dejo mi el código por si alguien pueda echarme una mano


HEAD
Código HTML:
<!-- CHOSEN -->
	<script src="../js/jquery.min.js" type="text/javascript"></script>
	<link rel="stylesheet" href="../js/chosen/docsupport/prism.css">
	<link rel="stylesheet" href="../js/chosen/chosen.css">

	<script src="../js/chosen/chosen.jquery.js" type="text/javascript"></script>
	<script src="../js/chosen/docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
	
	<style type="text/css" media="all">
	</style>

	<!-- FIN CHOSEN --> 
HTML
Código HTML:
<section>
	<div class="container">
		
		<select data-placeholder="Your Favorite Types of Bear" multiple class="chosen-select" style="width:350px;" tabindex="18" id="multiple-label-example">
            <option value=""></option>
            <option>American Black Bear</option>
            <option>Asiatic Black Bear</option>
            <option>Brown Bear</option>
            <option selected>Giant Panda</option>
            <option>Sloth Bear</option>
            <option>Sun Bear</option>
            <option>Polar Bear</option>
            <option>Spectacled Bear</option>
          </select>
		
	</div>
</section>

<script type="text/javascript" >
$(document).ready(function(){
	 $(".chosen-select").chosen({width: "95%"}); 
});
</script> 

Etiquetas: funcion, html, js, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:41.