Как отобразить имя выбранного выбора с помощью jquery?

Question

У меня есть напоминание в раскрывающемся списке с именами CHANTIERS, и кнопка подтверждения, я хочу, чтобы при нажатии кнопки подтверждения отображалось имя выбранного CHANTIER, в моем примере это дает мне значение выбранного CHANTIER, но я хочу имя, помогите пожалуйста мне.

<div class="form-group">
      <label>Select Chantier:</label>
      {!! Form::select('chantier_id',[''=>'--- Select Chantier ---']+$chantiers,null,array('class' => 'form-control','id' => 'chan')) !!}
    </div>

span, где я хочу его отобразить

<h4>chantier : <span id="ch"></span></h4>

код jquery

$(document).ready(function(){
    $("#hide").click(function(){
  let value = $('#nbr').val();
  let valu = $('#datePicker').val();
  let valu1 = $('#chan').val();
    $('#dateE').text(valu);
    $('#ch').text(valu1);

  if (value == ""){
     $('#error').show();
  }else{
      $("#form1").hide();
       $("#form2").show();

       $('.input2').val(value);
   }
    });
  });

Answer 1

Изменение

let valu1 = $('#chan').val(); 

Для

let valu1 = $("#chan option:selected").html(); //or
let valu1 = $("#chan option:selected").text();