Добрый день. Помогите, пожалуйста, дописать функцию. Необходимо, чтобы при выборе элемента выпадающего списка в форме появлялся новый input. Я это реализовал, однако столкнулся с проблемой, что в случае, если я, например, ошибся с элементом списка и решил выбрать другой, то старый input не удаляется и добавляется еще один. Необходимо решение именно, чтобы предыдущий input удалялся, а новый добавлялся, как будто каждый input непосредственно связан с конкретным элементом выпадающего списка.
Пример:
https://jsfiddle.net/c92eg4tn/
Код:
<form class='test'>
<select>
<option>name1</option>
<option>name2</option>
<option>name3</option>
</select>
</form>
<script>
$(document).ready(function(){
$(document).on('click', 'option', function(){
$('.test').append('<textarea class="form-control"></textarea>');
});
});
</script>
