如何使用jquery显示所选选择的名称?

时间:2019-06-18 18:38:19

标签: jquery laravel

我有一个按名称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>

我要显示它的范围

<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);
   }
    });
  });

1 个答案:

答案 0 :(得分:1)

更改

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

收件人

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