Question

0

135

Views

Can't direct into a route onclick with value with laravel

I have to add date value when i click hyperlink into my route, so i add like this:

<div class="card-body">
        <div class="form-group">
            <label>Tanggal Awal:</label>
            <input type="date" class="form-control" id="exampleInputPassword1" placeholder="Masukkan Tanggal Lahir" name="tglawal" id="tglawal">
        </div>
        <div class="form-group">
            <label>Tanggal Akhir:</label>
            <input type="date" class="form-control" id="exampleInputPassword1" placeholder="Masukkan Tanggal Lahir" name="tglakhir" id="tglakhir">
        </div>

          <a href="" onclick="location.href='/cetaklaporanpasien/'+document.getElementById('tglawal').value + '/' + document.getElementById('tglakhir').value " class="btn btn-block btn-primary border-0" style="background-color: #6998AB">Cetak</a>
    </div>

My Route:

    Route::get('/cetaklaporanpasien/{tglawal}/{tglakhir}', 'LaporanController@cetakLaporanPasien')->name('cetaklaporanpasien');

But it's doesn't directing into my route. So, how to add laravel route with parameter in onclick?

7 months ago · Juan Pablo Isaza

2 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-05T13:37:27.525Z

Try using <button> instead of <a>

So it will be like this:

<button type="button" onclick="(your link)">Button</button>

Answer 2 · 2022-07-05T13:37:27.534Z

You should be considering to use blade template as it is laravel standart templating.

<div class="card-body">
    <div class="form-group">
        <label>Tanggal Awal:</label>
        <input type="date" class="form-control" id="exampleInputPassword1" placeholder="Masukkan Tanggal Lahir" name="tglawal" id="tglawal">
    </div>
    <div class="form-group">
        <label>Tanggal Akhir:</label>
        <input type="date" class="form-control" id="exampleInputPassword1" placeholder="Masukkan Tanggal Lahir" name="tglakhir" id="tglakhir">
    </div>

      <a href="" onclick="cetakLaporan" class="btn btn-block btn-primary border-0" style="background-color: #6998AB">Cetak</a>
</div>
<script>
  let tglawal = document.getElementById('tglawal').value;
  let tglakhir = document.getElementById('tglakhir').value;
  function cetakLaporan(){
   location.href = `/cetaklaporanpasien/${tglawal}/${tglakhir}` 
  }
</script>