Select redirect ke halaman lain

Artikel ini membahas salah satu fitur form yaitu select, kadang kita ingin kalo pilih option di redirect ke halaman lain. Langkahnya adalah sebagai berikut

  1. Bikin Custom page template.
  2. Add new page – pilih Template page.
  3.  Pada tiap-tiap custom page template, masukan script di bawah ini.

<div class="col-md-4 col-md-offset-4">
<div id="mainselection">
<select onChange="window.document.location.href=this.options[this.selectedIndex].value;">
<option vlaue="<?php echo get_permalink( get_page_by_path( 'Jogjakarta' ) ); ?>">JOGJAKARTA</option>
<option vlaue="<?php echo get_permalink( get_page_by_path( 'Bali' ) ); ?>">BALI</option>
<option vlaue="<?php echo get_permalink( get_page_by_path( 'Jakarta' ) ); ?>">JAKARTA</option>


</select>

</div>
<script>
jQuery(function($) {
$('select').on('change', function() {
var url = $(this).val();
if (url) {
window.location = url;
}
return false;
});
});
</script>

</div>

Seperti yang kita lihat pada script di atas, kita WAJIB membuat Page dengan judul Jakarta, Bali, Jogjakarta. Semoga bermanfaat 🙂

WhatsApp chat