Dynamic Dropdown onselect

Question

What I am trying to do is when a item is selected from my dropdown menu, it would make a input box appear with the description selected on the dropdown menu, so that it can be edited and updated back into the database,

I am unsure how to handle the javascript:

Dropdown Code:

<select name="captionSelect" id="captionSelect"> <?php foreach ($get_images as $image){ echo '<option value="'.$image['id'].'">'.$image['description'].'</option>'; }; ?> </select>

Mrchief · Accepted Answer · 2011-07-03 02:57:36Z

1

Assuming your input has id 'captionInput', here's a sample code to show the input with dropdown's selected value:

$('#captionSelect').change(function(){ $('#captionInput').val($("#captionSelect option:selected").text()).show(); });

answered Jul 3, 2011 at 2:57

Mrchief

76.4k20 gold badges145 silver badges193 bronze badges

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

2 Comments

Jess McKenzie Over a year ago

Thank You, This works fine but in my code the value is the ID and the value text is what I am wanting to show in the text box is this possible?

Mrchief Over a year ago

This code will show the description. If you want value, then use $(this).val()

evan · Accepted Answer · 2011-07-03 02:45:48Z

0

Add an onchange event to the select which calls a function. That function can either update another element directly OR do an ajax call to grab the description on the fly.

answered Jul 3, 2011 at 2:45

evan

12.6k7 gold badges41 silver badges52 bronze badges

1 Comment

Jess McKenzie Over a year ago

Yes I understand that but what I do not understand is the correct way to to this can you link to an example?

Collectives™ on Stack Overflow

Dynamic Dropdown onselect

2 Answers 2

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Related