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