CODEWITHSUNDEEP
jqueryhtml
FlyingCat
FlyingCat

Reputation: 14250

Change form input value with Jquery

I am trying to change the input field value dynamically when the user pick the options from my dropdown menu. I have tried this code but have no luck. I was wondering if someone here can help me out! Thanks a lot.

$(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>

Upvotes: 34

Views: 113432

Answers (2)

Keith Frey
Keith Frey

Reputation: 691

The code below should work. I modified the <input> in the html to be formatted correctly as well as changed $('input[name="project"]').val()="Good Fish"; to $('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>

Upvotes: 17

aletzo
aletzo

Reputation: 2481

try :

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

instead of:

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

Upvotes: 81

Related Questions