显示用户插入表单的实时数据

Question

我正在尝试通过实时填充form来提高显示价值。 例如，从dropdown select box中选择一个值，然后向我显示ID，但是我想显示DB表中的值。

假设 ，我在填写表格时选择了field:NSE，它应该直接显示为“ NSE”，但显示ID为'1 '

exchange表：

下面是我的代码：

JS：

function all_function()
{
  value = $("#exchange").val();
  if (value != "") 
  {
    $("#exchange_value").html("Selected Exchanges :"+value);
  }
}

PHP：

{!! Form::open(['method'=>'POST', 'action'=> 'trades\AddSingleTradeController@store', 'id'=> 'form', 'files'=>true]) !!}

  <div class="row">
    <div class="form-group col-sm-4">
    {!! Form::label('exchange_id', 'Exchanges:') !!}
    {!! Form::select('exchange_id', [''=>'Choose Options'] + $exchanges , null, ['class'=>'form-control', 'id'=>'exchange', 'name'=>'exchange_id',  'onchange' => 'all_function()'])!!}
  </div>
  <p id="exchange_value"></p>
{!! Form::close() !!}

Answer 1

尝试：

 function all_function()
 {
    value = $("#exchange option:selected").text();
    if (value != "") 
    {
        $("#exchange_value").html("Selected Exchanges :"+value);
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="exchange" id="exchange" onchange="all_function()">
    <option value="1">abc</option>
    <option value="2">def</option>
    <option value="3">ghi</option>
    <option value="4">jkl</option>
    <option value="5">mno</option>
</select>
<div id="exchange_value"></div>