Laravel: menampilkan value dari database ke input text berdasarkan onchange select option

Jadi saya mau menampilkan input text nama_alat, status dan kondisi berdasarkan onchange no_alat. Ada masalah di valuenya, dimana cuma bisa menampilkan nama_alat aja di semua input text. Nah supaya semua input text bisa menampilkan sesuai dengan datanya masing-masing gimana ya?

<select class="form-control" id="no_alat" name="no_alat" onchange="jselect()" required autofocus>
                                            @foreach($peralatan as $alat)
                                                <option id="{{$alat->no_alat}}" value="{{ $alat-> nama_alat}}">{{$alat->no_alat}}</option>
                                                 <script type="text/javascript">
                                                    function jselect() {
                                                        var nama_alat = document.getElementById("no_alat").value;
                                                        document.getElementById("nama_alat").value=nama_alat;

                                                        var kondisi = document.getElementById("no_alat").value;
                                                        document.getElementById("kondisi").value=kondisi;

                                                        var status = document.getElementById("no_alat").value;
                                                        document.getElementById("status").value=status;
                                                    }
                                                </script>
                                            @endforeach
                                        </select>

avatar nawangslr
@nawangslr

5 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

<pre> var nama_alat = document.getElementById("{{$alat-&gt;no_alat}}").value; // dst </pre>

avatar driyan
@driyan

193 Kontribusi 109 Poin

Dipost 5 tahun yang lalu

Tanggapan

bukan gitu mas maksudnya.. kalau gitu yang outputnya malah no_alat semua

Jawaban Terpilih

SOLVED!

select-option:

<pre> &lt;select class="form-control" id="no_alat" name="no_alat" required autofocus&gt; @foreach($peralatan as $alat) &lt;option id="alat-{{$alat-&gt;id}}" value="{{$alat-&gt;id}}" data-nama="{{$alat-&gt;nama_alat}}" data-status="{{$alat-&gt;status}}"
data-kondisi="{{$alat-&gt;kondisi_akhir}}"&gt;{{ $alat-&gt;no_alat }}&lt;/option&gt; @endforeach &lt;/select&gt; </pre>

javascript:

<pre> &lt;script type="text/javascript"&gt; window.onload = function(){ $("#no_alat").change(function () { var ambilNama = $("#alat-"+this.value).data('nama'); var ambilStatus = $("#alat-"+this.value).data('status'); var ambilKondisi = $("#alat-"+this.value).data('kondisi'); $("#nama_alat").val(ambilNama); $("#status").val(ambilStatus); $("#kondisi").val(ambilKondisi); }); } &lt;/script&gt; </pre>

avatar nawangslr
@nawangslr

5 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban