отправить значение из combobox в textarea

У меня есть текстовое поле

<textarea id="tarea" class="textarea" cols="15" rows="10" disabled></textarea>

и я хочу отправить значения из своих списков в текстовое поле

<div class="form-group col-xl-7">

    <label>Livro</label>
    <div id="combo">

        <select id="comboLivros">
            <option class="option"></option>
        </select>

    </div>

    <br>

    <label>Proprietario a que se refere</label>
    <input type="text" id='prop_desc' disabled/>

    <br>

    <label>Pontuacao</label>
    <select  id="seleciona">

    </select>
</div>

Это мои комбобокс, заполненные массивом

Я хочу, когда я выбираю comboboxes со значениями, которые я выбираю, когда я нажимаю кнопку. Я хочу, чтобы текстовая область была заполнена, вот как я заполняю одно из своих списков

var select = document.getElementById("seleciona");
var options = ["1", "2", "3", "4", "5"];
for (var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}

вот как я заполняю одно из своих списков

javascript,html,

0

Ответов: 1


0

Вы можете использовать изменение события select для установки значения textarea:

var select = document.getElementById("seleciona");
var options = ["1", "2", "3", "4", "5"];
for (var i = 0; i < options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}
var textarea = document.getElementById("tarea");
select.onchange = function(){
    textarea.value = select.options[select.selectedIndex].value;
    
}
<textarea id="tarea" class="textarea" cols="15" rows="10" disabled></textarea>
<div class="form-group col-xl-7">

    <label>Livro</label>
    <div id="combo">

        <select id="comboLivros">
            <option class="option"></option>
        </select>

    </div>

    <br>

    <label>Proprietario a que se refere</label>
    <input type="text" id='prop_desc' disabled/>

    <br>

    <label>Pontuacao</label>
    <select  id="seleciona">

    </select>
</div>

Надеюсь, это вам поможет.

JavaScript, HTML,
Похожие вопросы