how to add text area when i select any option from select option

Question

I have one condition where I want to add text area when I select any option from select option. I have 4 to 5 options in my select box and I want one text area to be added when I select any option from my select box.

Here is my html:

<select name="menu-114" class="wpcf7-form-control wpcf7-select" aria-invalid="false">
   <option value="Select Category" selected="selected">Select Agent Name</option>
   <option value="Option 1">Mr. abc</option>
   <option value="Option 2">Mr. abc</option>
   <option value="Option 3">Mr. abc</option>
</select>
<textarea></textarea>

I want to add the textarea when I select any option from above select box.

See my fiddle

Are you trying to copy something into the `textarea` or to add an actual `textarea` to the DOM? — jcuenod, Jun 24 '15 at 12:53
i want to add textarea when i select any option, yes actual textarea to the DOM.. — shakil, Jun 24 '15 at 12:57

jcuenod · Accepted Answer · 2015-06-24T13:18:25.180

0

I can't think why you would want to but here's how I would do it:

Listen for the change event on your select element and use $.appendTo

$(document).on('change', 'select[name=menu-114]', function(){
    $("<textarea>").appendTo(".agent_select_wrap");
    //$(this).val() will return the value attribute of the select
});

Here's a working fiddle

edited Jun 24 '15 at 13:18

answered Jun 24 '15 at 12:59

jcuenod

55,835
14
65
102

how to add text area when i select any option from select option

1 Answers1