当我从select选项中选择任何选项时如何添加文本区域

Question

我有一个条件，当我从select选项中选择任何选项时，我想添加文本区域。我的选择框中有4到5个选项，当我从选择框中选择任何选项时，我想要添加一个文本区域。

这是我的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>

当我从上面的选择框中选择任何选项时，我想添加textarea。

查看我的fiddle

Answer 1

我想不出你为什么会这么想但是我会怎么做：

在change元素上收听select事件并使用$.appendTo

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

这是 working fiddle