laravel&jquery-将带有选择框的文本框填充到另一个字段值

如何实现此输出?

我想要一个动态下拉列表,就像我在下拉列表中选择一个值时,文本框应该填充它的连接值 aircraft_id 自动显示在下表中

这是我的数据库值示例

例如我选择 123 在“选择”下拉列表中,文本框必须填充 3 自动地,我怎么做?

这是我的代码,代码正在工作,但它只得到相同的值,我想要的是从表中得到另一个值。

查看

 <span>Aircraft Name</span>
                <select name="aircraft_name" class="aircraftsName">
                  <option value="0" disabled="true" selected="true"> Select </option>
                  @foreach ($aircrafts as $aircraft)
                      <option value="{{ $aircraft->aircraft_registration_number }}" >{{ $aircraft->aircraft_registration_number }}</option>
                  @endforeach

                </select>

                <span>Aircraft ID</span>
                <input id="aircraft_id" type="text" class="aircraft_id">
                <br>

javascript和jquery

    <script type="text/javascript">
  $(document).ready(function() {
    $(document).on('change', '.aircraftsName', function() {
        var air_id =  $(this).val();     // get id the value from the select
        $('.aircraft_id').val(air_id);   // set the textbox value

        // if you want the selected text instead of the value
       // var air_text = $('.aircraftsName option:selected').text(); 
    });
});
</script>

我的电流输出和问题

在你的剧本里

$(document).on('change', '.aircraftsName', function() {
    var air_id =  $(this).val();
    $('.aircraft_id').val(air_id)
});

你在上面做什么?价值是什么 $(this).val()

<option value="{{ $aircraft->aircraft_registration_number }}" >

你正在分配 飞机注册号 所以这是你需要改变如下

<option value="{{ $aircraft->aircraft_id }}" >

即使你有1000张唱片

你可以简单地使用数组

@foreach ($aircrafts as $aircraft)
  <option value="{{ $aircraft->aircraft_id }}" >{{ $aircraft->aircraft_registration_number }}</option>
@endforeach

或者你需要改变你的 $飞机 数组应该是这样的

$aircrafts = [
           '1' => 'Sample',
           '4' => 'Boieng',
           '3' => '123'
        ];

然后把你的换成

@foreach ($aircrafts as $id => $aircraft)
      <option value="{{ $id }}" >{{ $aircraft }}</option>
@endforeach