2012-03-06 15 views
17

Estoy intentando cambiar dinámicamente el valor del campo de entrada cuando el usuario selecciona las opciones de mi menú desplegable. He intentado este código pero no tengo suerte. Me preguntaba si alguien aquí puede ayudarme. Muchas gracias.Cambiar el valor de entrada del formulario con Jquery

$(document).ready(function(){ 
$('select[name="job_number"]').change (function() { 

    $('input[name="project"]').val()="Good Fish"; 

}); 
}); 

<form action='project_manager' method='post'> 
<input type='text' name='project'>show Good Fish when user picks an option</input> 
<select name='job_number'> 
<option value='1'>job1</option> 
<option value='2'>job2</option> 
<option value='3'>job3</option> 
</select> 

</form> 

Respuesta

52

intento:

$('input[name="project"]').val("Good Fish"); 

en lugar de:

$('input[name="project"]').val()="Good Fish"; 
+4

Esto supone que sólo hay 1 formulario en la página con una entrada llamada 'proyecto'. Eso es cierto el 99% del tiempo, solo es bueno estar al tanto de esto. – mendel

12

El siguiente código debería funcionar. He modificado el <input> en el html para ser formateado correctamente, así como a cambiado $('input[name="project"]').val()="Good Fish";$('input[name="project"]').val("Good Fish");

$(document).ready(function(){ 
    $('select[name="job_number"]').change(function() { 

     $('input[name="project"]').val("Good Fish"); 

    }); 
}); 

<form action='project_manager' method='post'> 
    <input type='text' name='project' value='show Good Fish when user picks an option' /> 
    <select name='job_number'> 
     <option value='1'>job1</option> 
     <option value='2'>job2</option> 
     <option value='3'>job3</option> 
    </select> 
</form> 
+0

Gracias por la ayuda Keith. Quería darle verde ya que también corrigió mi html, pero ya le prometí aletzo. +1 pensamiento. – FlyingCat

Cuestiones relacionadas