有没有一种方法可以根据选择框下拉列表自动填写输入表单？

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