當我從選擇選項中選擇任何選項時如何添加文本區域

當我從選擇選項中選擇任何選項時，我有一個條件需要添加文本區域。我在我的選擇框中有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

當我從選擇選項中選擇任何選項時如何添加文本區域

回答

相關問題