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

当我从选择选项中选择任何选项时，我有一个条件需要添加文本区域。我在我的选择框中有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>

我希望当我选择从上面选择框的任何选项添加文本区域。

见我fiddle

来源

2015-06-24 shakil

htt ps：//jsfiddle.net/o4yt5p7s/4/这里是我所要求的 – shakil

你想将某些东西拷贝到'textarea'中，或者将一个实际的'textarea'添加到DOM中？ – jcuenod

我想添加textarea当我选择任何选项，是真正的textarea到DOM .. – shakil

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

监听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

来源

2015-06-24 12:59:34 jcuenod

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

回答

相关问题