2012-03-06 14 views
17

ユーザーがドロップダウンメニューからオプションを選択したときに入力フィールド値を動的に変更しようとしています。私はこのコードを試したが運がない。私は誰かが私を助けることができるかどうか疑問に思っていた!どうもありがとう。フォームの入力値を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> 

答えて

52

試してみてください。

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

の代わり:

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

$('input[name="project"]').val("Good Fish");に私が正しくフォーマットされただけでなく、変更されるHTMLで<input>を変更しました。それは時間の99%に当てはまります。それを知っているだけでいいです。 – mendel

12

以下のコードは動作するはずです。これは「プロジェクト」という名前の入力を持つページ上の唯一の1のフォームがあることを前提としてい$('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

キース助けてくれてありがとう。私はあなたもhtmlを修正してから私はあなたに緑を与えたかったが、私はすでにaletzoに約束した。 +1の考え。 – FlyingCat

関連する問題