Есть ли способ, которым я могу автоматически заполнить форму ввода на основе выпадающего списка?

Question

Я пытаюсь автоматически заполнить форму ввода, основанную на выборе поля выбора.текст автозаполнения приходит из моей базы данных

Это мой код:

<div class="form-group">
<label for="kode_part" class="control-label">Kode Part <span><small class="text-danger">*This field is required</small></span></label>
<select class="form-control kode_part" name="kode_part" id="kode_part" required>
<?php if(count($tabel_part)){ ?>
<option></option>
<?php foreach ($tabel_part as $list){ ?>
<option data-info="<?php echo $list['kode_part'] ?>">
<?php echo $list['kode_part']; ?>
</option>
<?php } ?>
<?php } ?>
</select>
</div>

автозаполнение текста на основе выбора:

<div class="form-group">
<label for="nama_part" class="control-label">Nama Part*</label>
<input class="form-control form-control-sm" id="nama_part" name="nama_part" />
</div>

скрипт:

<script>
$(document).ready(function() {
$('#kode_part').change(function(){
$('#nama_part').val( $(this).find('list:selected').data('nama_part') ); 
});
});
</script>

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

Answer 1

Попробуйте,

$('#kode_part').on('change', function() {
  //you can use this too
  $('#nama_part').val( $('#kode_part').find(":selected").text());  
});