2012-03-06 14 views
17

Sto provando a modificare il valore del campo di input in modo dinamico quando l'utente seleziona le opzioni dal mio menu a discesa. Ho provato questo codice ma non ho fortuna. Mi stavo chiedendo se qualcuno qui può darmi una mano! Molte grazie.Modifica del valore di input del modulo 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> 

risposta

52

prova:

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

invece di:

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

Ciò presuppone che c'è solo 1 modulo nella pagina di un ingresso denominato 'progetto'. Questo è vero il 99% delle volte, è solo bello essere consapevoli di ciò. – mendel

12

Il seguente codice dovrebbe funzionare. Ho modificato il <input> nel codice HTML da formattare correttamente così come modificato $('input[name="project"]').val()="Good Fish"; a $('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

Grazie per l'aiuto Keith. Volevo darti il ​​verde visto che hai anche corretto il mio html, ma ti avevo già promesso aletzo. +1 pensato. – FlyingCat

Problemi correlati