Algunas acciones que podemos hacer con un select

Hoy les mostrare algunas cosas que podemos llevar a cabo con un select y usando jQuery, a continuación les dejo la lista:

Se advierte que para llevar a cabo estas pequeñas acciones es necesario tener jQuery precargado

1.  Cambiar texto cuando se selecciona una opción
2. Autoseleccionar valor desde que se cargue la pagina
3. Obtener el texto que acompaña a la opción seleccionada
4. Obtener el texto que acompaña a la opción seleccionada pero al hacer un cambio en el opción

En todos los ejemplos se usara las siguientes etiquetas HTML

Seleccione algo
     
      -- Seleccione un texto --
      Texto corto
      Texto largo
     
    
Asi inicia el texto y solo cambia cuando se seleciona una opción
     

Autoseleccionar valor desde que se cargue la pagina.

Basicamente se trata de colocar el value en la funcion val() . Como en mi caso el SELECT tiene values numericos, solo le indico que valor va a inicializarse, en todo caso si usas el mismo HTML que he colocado, deberia de aparecer pre-seleccionado "Texto corto"

$("#cambiarTexto").val(1);

Obtener el texto que acompaña a la opción seleccionada.

Al momento de cargar la pagina y usando el mismo código HTML que he colocado, aparecerá el texto que tenga el SELECT en el momento

$("#mostrarTexto").html($("#cambiarTexto option:selected").text());

Obtener el texto que acompaña a la opción seleccionada pero al hacer un cambio en el opción.

Cuando se cambie la opción en el SELECT, el texto que contiene el DIV cambiara de manera automática

$("#cambiarTexto").on("change", function(){
 $("#mostrarTexto").html($("option:selected", this).text());
});

Bueno espero te hayan servido estos pequeños ejemplos