使用Jquery更改表单输入值

Fly*_*Cat 28 html 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>
Run Code Online (Sandbox Code Playgroud)

ale*_*tzo 70

尝试:

$('input[name="project"]').val("Good Fish");
Run Code Online (Sandbox Code Playgroud)

代替:

$('input[name="project"]').val()="Good Fish";
Run Code Online (Sandbox Code Playgroud)

  • 这假设页面上只有一个表单,其中包含名为"project"的输入.这种情况在99%的情况下都是如此,只需要了解它就好了. (5认同)

Kei*_*rey 14

下面的代码应该有效.我修改了<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>
Run Code Online (Sandbox Code Playgroud)