• HomePagina Inicial
  • Blog Mis cosillas
  • Portfolio Mis trabajos
  • Acerca deeste blog y su autor
    • Sobre Mi 
    • Oridoki 
  • ContactarFormulario
  • Categorias

    • Blog
      • Control de Versiones
        • GIT
      • Diseño
      • Frameworks
        • CakePHP
        • CodeIgniter
      • JavaScript
        • EXT JS
        • JQuery
      • Magento
      • Maquetación
        • CSS
        • HTML
      • MiniCodes
      • MySQL
      • PHP
      • Proyectos
      • TextMate
      • Varios
      • Wordpress
    • Portfolio

Javascript – Vaciar un select

Posted by Adrià Cidre Categories: Blog, JavaScript, MiniCodes Tags: childNodes, Java Script, options, removeChild, select, vaciar

Abro esta nueva sección para poner aquellos pequeños trozos de código que me han costado más de lo normal, que en el fondo no son difíciles, pero que en un determinado momento son más complicados de desarrollar.

Empezamos con una función javascript para vaciar un desplegable o select.


/**********************
* Vaciar desplegable: recibe el ID del elemento
********/
function emptySelect(objID){
	while($(objID).childNodes[0]){
		$(objID).removeChild($(objID).childNodes[0]);
	}
}

Simplemente va eliminando elementos de un objeto de uno en uno hasta que esta vacio.

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook

6 Responses to Javascript – Vaciar un select

  1. Es más fácil que eso:

    document.getElementById(“id_del_select”).options.length = 0;

    ;)

    Posted on 11/02/2009 at 18:17
    |
    nokiz says
  2. Genial!!
    por eso me encanta internet :-) Siempre hay alguien que domina más que yo.

    Saludos y Gracias

    Posted on 11/02/2009 at 18:56
    |
    kumulo says
  3. nokiz us es un genio… es la respuesta mas simple y eficaz que haya encontrado…

    Posted on 16/11/2010 at 21:19
    |
    Andres says
  4. En realidad es una solucion valida si lo que planeas es vaciar el select, y no volverlo a llenar, porque lo que hace la linea
    document.getElementById(“id_del_select”).options.length = 0;
    es setear el numero de elementos a mostrar, pero que pasa si luego quieres volver a cargarlo….. digamos que es un select dinamico que se cargue mediante ajax….
    ni mostraria ningun elemento….

    Posted on 06/07/2011 at 14:58
    |
    Eidrian says
  5. Gracias nokiz, no sabes lo loca que me estaba volviendo tratando ce borrar uno a uno los elementos con un for!

    Posted on 08/11/2011 at 17:41
    |
    Romina says
  6. Hola buen dia que tal, Eidrian, intente con tu propuesta, pero no me deja llenar de nuevo el select

    Posted on 28/11/2011 at 16:32
    |
    alejandro says

Deja un comentario Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Search our website

  • Inicio
  • Blog
  • Consultor Web
  • Contactar
  • E-Commerce
  • Oridoki
  • Outsourcing
  • Portfolio
  • Sobre Mi
  • Social Media
© Adrià  Cidre Jugo - 2011