2012-03-06 88 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

這是假設只有1名爲「項目」的輸入頁面上的形式。這是真實的99%的時間,只是很好的意識到這一點。 – mendel 2014-11-28 17:53:05

12

下面的代碼應該工作。我在html修改<input>被正確格式化,以及改變$('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

感謝Keith的幫助。我想給你綠色,因爲你也糾正了我的HTML,但我已經答應了aletzo。 +1的想法。 – FlyingCat 2012-03-06 01:22:14