Select redirect ke halaman lain

August 19, 2018 Artikel,Snippets Kholis net

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 🙂

55 total views, 1 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Yes No