Change form input value with Jquery

Question

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>

aletzo · Accepted Answer · 2012-03-06 01:10:28Z

83

try :

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

instead of:

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

answered Mar 6, 2012 at 1:10

aletzo

2,4661 gold badge27 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

mendel Over a year ago

This assumes that there is only 1 form on the page with an input named 'project'. That is true 99% of the time, just good to be aware of it.

Keith Frey · Accepted Answer · 2012-03-06 01:12:52Z

17

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>

answered Mar 6, 2012 at 1:12

Keith Frey

6914 silver badges13 bronze badges

1 Comment

FlyingCat Over a year ago

Thanks for the help Keith. I wanted to give you green since you also corrected my html, but I already promised aletzo. +1 thought.

Collectives™ on Stack Overflow

Change form input value with Jquery

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related