Как вывести выбранный элемент select?

Question

[REXTO]

Есть вот такой селект:

<select class="form-control selectpicker" name="civilian_names" title="Выберите гражданского" id="civilian_names" data-live-search="true" required>
	<?php getCivilianNames();?>
    </select>

Нужно вывести выбранное в поле значение вот сюда:

<td style="font-size: 14px; vertical-align: bottom; text-align: center;"><span></span><br/>КОПИЯ ОТВЕТЧИКА</td>

Как это сделать?

Answer 1

[Rsa97]

Повесить обработчик на событие change вашего select'а и в нём выводить значение в нужный элемент.

Answer 2

[Mesuti]

Answer 3

[kocherman]

это можно сделать без javascript на чистом HTML с помощью тега <output>

Comments

[Exploding]

Крайней степени нельзя!
По ссылке: в обработчике формы написано заклинание

oninput="x.value=parseInt(a.value)+parseInt(b.value)"

[REXTO]

Попробовал

$('#civilian_names').on('change', function(){
            if($(this).is(':selected')){
               $('#signature').text($(this).text());

Но не сработало. Хм....

[kocherman]

Exploding, Как говорил Борис Моисеев "первый раз - не ..., а 5 см - не считается". Много в oninput="" не напишешь. А сам тэг output был специально внесён в HTML для подобных случаев.

[Exploding]

kocherman,

Как говорил Борис Моисеев "первый раз - не ..., а 5 см - не считается".

Может в "делах сердечных" Моисеева и действуют такие принципы, но в программировании порой хватает провтыкать один символ и ничего не работает, вы ж знаете.
По теме, я к тому, что

...без javascript на чистом HTML...

не получается, хотя было бы не плохо.
Особо не вникал в суть тега output, но думаю, что он введен больше для семантики, т.к. если в том же примере его заменить на textarea readonly - в работе ничего не изменится. Возможно я и ошибаюсь, такое периодически бывает.

[kocherman]

Exploding, Нет, вы не ошибаетесь, туда подойдет любой тег вообще начиная от <i> заканчивая <table> (если заменить свойство .value на .innerHTML). Сам <output> имеет свойства похожие на <label>.