Populate input text with drop down select option text

Question

I have a classified ads site and I want in the post ads form when a user select some options from drop down list the text from that option to populate automatically an input field. I managed to get the values for that select using .val, but when i use .text the input field is filled with all options available in the select. I have a demo to understand better jsfiddle.net

a) You didn't really tell your problem. b) You could just search for this stuff easily. — Pulkit Mittal
– Pulkit Mittal, Commented Oct 4, 2012 at 18:58

Erwin · Accepted Answer · 2012-10-04 19:14:06Z

2

If you only want the selected item text you have to use the :selected selector like this:

var selected_item = $(":selected", this).text()

See: jsfiddle.net

More info about the :selected Selector

edited Oct 4, 2012 at 19:14

answered Oct 4, 2012 at 18:46

Erwin

4,8113 gold badges34 silver badges42 bronze badges

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

1 Comment

billyonecan Over a year ago

This isn't the correct way to select the element, you should use this as the context for getting the :selected element, $(':selected', this) - read here

Ashwin Chandran · Accepted Answer · 2012-10-04 18:49:15Z

1

To get the selected value of a dropdown use the val() instead of text(). Change:

var selected_item = $(this).text()

to

 var selected_item = $(this).val()

answered Oct 4, 2012 at 18:49

Ashwin Chandran

1,46714 silver badges11 bronze badges

Collectives™ on Stack Overflow

Populate input text with drop down select option text

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related