如何在 laravel 中使用 javascript 显示所选值

Question

我想向 select 选项显示 selected 值，该值实际上 selected 但无法在 select 选项表单上显示该值。例如，我有一个 3 值，可以选择的是 anyaman、cendana 和 bakulan。当我用值 cendana 编辑该表格时，显示的值是第一个序列（anyaman）但是当我打开那个专注于真实数据值（cendana）的 select 选项时。

这是HTML脚本：

<div class="mb-1">
     <label class="form-label" for="user-role">Asal Kelompok</label>
       <select id="editkelompok_id" name="kelompok_id" class="select2 form-select">
         <option disabled="" value=""> <b> Pilih asal kelompok </b></option>
            @foreach($kelompok as $data)
              <option value="{{$data->id}}">{{$data->nama_desa}} - {{$data->nama_kelompok}} </option>
            @endforeach
       </select>
 </div>

控制器

public function detaildataanggota($id)
{
    $status = anggota::findOrfail($id);
    return $status;
}

Java 脚本

    <script type="text/javascript">
    function detaildataanggota(id){
    $.ajax({
      url: "{{url('admin/pendataan/dataanggota/detail')}}" + "/" + id,
      dataType: "json",
      success: function(status) {
        $('#editid').val(status.id);
        $('#editnama_anggota').val(status.nama_anggota);
        $('#editnik').val(status.nik);
        $('#editjabatan').val(status.jabatan);
        $('#editjenis_kelamin').val(status.jenis_kelamin);
        $('#edittanggal_lahir').val(status.tanggal_lahir);
        $('#editalamat').val(status.alamat);
        $('#editkelompok_id').val(status.kelompok_id);
    },
});
}
</script>

问题在#editkelompok_id

Answer 1

试试这个

let select  = $('#editkelompok_id');
select.on('change',()=>{
    // Your stuff
  })

或

let options  = $('#editkelompok_id').children();

    options.each(function() {
        let option = $(this);
        option.on('change', () => {
            select.val(option.val());
        })
    })

希望有用

如何在 laravel 中使用 javascript 显示所选值

How to show selected value using javascript in laravel

html

javascript

php

laravel

select-options