miércoles, 13 de febrero de 2013

Leer los resultados de un combo por medio del método val()

El método val() nos permite leer inforación de los comobo box, ya sea que nos regrese un sólo valor <select> o que nos regren múltiples valores <select multiple="multiple">. En este último caso, necesitamos interpretar el resultado como un arreglo. Si ningún valor ha sido seleccionado, regresa un valor null.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
p { color:red; margin:4px; }
b { color:blue; }
</style>
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(inicio);
function inicio(){
    $("select").change(muestraValores);
    muestraValores();  
}
function muestraValores() {
    var unValor = $("#estado").val();
    var muchosValores = $("#idiomas").val() || [];
    $("p").html("<b>Estado:</b> " +
    unValor +
    " <b>Idiomas:</b> " +
    muchosValores.join(", "));
}
</script>
<title>Val ComboBox</title>
</head>
<body>
<p></p>
<br>
<select id="estado">
<option>Soltero</option>
<option>Casado</option>
<option>Divorciado</option>
<option>Viudo</option>
</select>
<br>
<br>
<select id="idiomas" multiple="multiple">
<option selected="selected">Español</option>
<option>Inglés</option>
<option selected="selected">Francés</option>
<option >Alemán</option>
</select>
</body>
</html>


Ejemplo: http://pacoarce.com/jQuery/ValSelect.html
Curso completo: https://www.udemy.com/jquery-y-mobile/

No hay comentarios:

Publicar un comentario