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

도움 주셔서 감사합니다. 당신이 그린을 수정했기 때문에 그린을주고 싶었지만, 이미 aletzo를 약속했습니다. +1 생각. – FlyingCat

관련 문제