Links de html con parametros de manera dinámica con jquery

En ocasiones uno necesita tener un link a otra página pero tomando en cuenta valores de un input que pueden variar de acuerdo a lo que el usuario introduce. para esto es necesario usa un pequeño truco de jquery. Asi lograremos que el link tome el valor de nuestro input dinámicamente y lo mande en la url.

Veamos el ejemplo

link

Nuestro código quedaría así:

<from>
<input type="text" id="inputId" value="23"/>
</form>

<a href="/content/links-de-html-parametros-de-manera-dinámica-jquery/" id="link1">link</a>

<script>
$(document).ready(function() {
$('#link1').click(function(){
$(this).attr('href', $(this).attr('href') + $("#inputId").val());
return true;
});
});
</script>

Enviado por joe el Vie, 10/02/2009 - 22:50.

• Versión para impresión
• Inicie sesión para enviar comentarios
• Send to friend
• PDF version