Wordpressのphp - スイッチボタンのリンク

Question

私は数時間問題を抱えています。私は本当にそれを解決する方法を知らない！だから、私はあなたの助けが必要です。

私はワードプレスのテーマを編集したいと思います。私は、テーマのheader.phpのファイル

<select id="language-switcher"> 
     <option value="1">'.esc_html__('Română', 'pinar').'</option> 
      <option value="2">'.esc_html__('English', 'pinar').'</option> 
    </select> 
    <!-- End of Language Switcher --> 
'; 

にこのコードを持っており、このコードは、私は2つの異なるオプション（言語）を選択CANDどこから2つのボタンが表示されているが、今は彼らと私のリンクがありませんテーマに1つ入れたい（こちらをご覧ください - www.hotelperla.ro/english - ページの右上にあります）。 私はそれを動作させるためにPHPファイルに書き込む必要がありますか？英語のボタンには、このリンクを貼りたいです - www.hotelperla.ro/englishとromanaのボタンwww.hotelperla.ro/wp

ありがとうございました！

Answer 1

<select id="language-switcher"> 
    <option value="http://www.hotelperla.ro/wp">'.esc_html__('Română', 'pinar').'</option> 
    <option value="http://www.hotelperla.ro/english">'.esc_html__('English', 'pinar').'</option> 
</select> 

<script> 
    document.getElementById('language-switcher').onchange=function() { 
     location.href=this.value; 
    }; 
</script> 

Answer 2

このスニペットはあなたにそれにアクセスする方法が表示されます：あなたは、あなたのニーズに合うようにそれを適応させることができ 。

第一（$(document).readyは、ページが完全にロードされる前に、選択を使用する試みはありませんことを確認する関数を定義し、次に

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.js" type="text/javascript"></script> 

あなたのページのヘッド部にはjQueryを持っていることを確認してくださいので、エラーなし）

<script type="text/javascript"> 

$(document).ready(function() { 

$("#language-switcher").change(function(){ // listen to action 
location.href = this.value; // get the value of the LI and redirect to link/value 
}); 

}); 
</script> 

そして本体部：

<select id="language-switcher"> 
<option value="http://www.hotelperla.ro/wp">Română</option> 
<option value="http://www.hotelperla.ro/english">English</option> 
</select> 

参照：jQuery onchange