使用Jquery更改表单输入值

我试图在用户从我的下拉菜单中选择选项时动态更改输入字段值。我试过这段代码，但没有运气。我想知道这里有人能帮助我！非常感谢。使用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>

来源

2012-03-06 FlyingCat

尝试：

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

代替：

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

来源

2012-03-06 01:10:28 aletzo

这是假设只有1名为“项目”的输入页面上的形式。这是真实的99％的时间，只是很好的意识到这一点。 – mendel 2014-11-28 17:53:05

下面的代码应该工作。我在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>

来源

2012-03-06 01:12:52

感谢Keith的帮助。我想给你绿色，因为你也纠正了我的HTML，但我已经答应了aletzo。 +1的想法。 – FlyingCat 2012-03-06 01:22:14

使用Jquery更改表单输入值

回答

相关问题