如何实现此输出?
我想要一个动态下拉列表,就像我在下拉列表中选择一个值时,文本框应该填充它的连接值
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>
我的电流输出和问题