JSFiddle - React, Tailwind, and code Playground

by Aleksey Karagodnikov

HTML

<form>
    <div>Выберите шаблон из списка:</div>
    <select name="select" onchange="replaceText(this);">
        <option value="">- Выбрать / Без выбора -</option>
        <option value="Шаблон 1">Шаблон 1</option>
        <option value="Шаблон 2">Шаблон 2</option>
        <option value="Шаблон 3">Шаблон 3</option>
    </select>
    <div>
        <input type="radio" name="action" value="replace" checked />Заменить существующее сообщение
        <br/>
        <input type="radio" name="action" value="add" />Добавить в нижнюю часть</div>
    <textarea name="text"></textarea>
</form>

JavaScript

function replaceText(object) {
    var radios = document.getElementsByName('action');
    var template = object.form.select.value;
    for (var i = 0, length = radios.length; i < length; i++) {
        if (radios[i].checked) {
            console.log(radios[i].value);
            if (radios[i].value === 'replace' && template !== '') {
                object.form.text.value = template;
            } else if (radios[i].value === 'add' && template !== '') {
                object.form.text.value +='\n'+template;
            }
            break;
        }
    }
}