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

Это предполагает, что существует только одна форма на странице с входом под названием «проект». Это правда 99% времени, просто хорошо знать об этом. – mendel

12

ниже код должен работать. Я изменил <input> в HTML, чтобы быть правильно отформатирован, а также изменен $('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

Спасибо за помощь Кейт. Я хотел дать вам зеленый цвет, так как вы также исправили мой html, но я уже пообещал aletzo. +1 мысль. – FlyingCat

Смежные вопросы