viernes, 3 de julio de 2015

Change Jquery

Ahora escribiremos algo de jQuery revisando un ejemplo simple y claro para poder empezar con este framework:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
<!-- meta author -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Select - Change con jQuery</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- css -->
    <link rel="stylesheet" type="text/css" href="">
    <!-- jQuery -->
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    <!-- our JavaScript -->
<script>
$( document ).ready(function() {
$('#os').change(function() {
$('#osValue').val($('#os').val());
//codigo
});
});
</script>
</head>
<body>
<div class="container">
<select id="os">
<option value="gnuLinux">GNU/Linux</option>
<option value="windows">Windows</option>
</select>
<input type="text" id="osValue">
</div>
<footer>
</footer>
</body>
</html>

Como nos podemos dar cuenta podemos ejecutar funciones ya habiendo controlado el evento del cambio en el select.

Archivo

No hay comentarios.:

Publicar un comentario