[WordPress] ワードプレスで ajax を使用する方法

スポンサーリンク

質問

私は ajax に新しい。コンボ ボックスでページ上に配置します。コンボ ボックスのオプションを含むは、人気、価格および日付

ページをリロードすることがなく ajax で div の内容を変更したいのですが。

e.g 私は私を表示する時計の製品ユーザーはコンボ ボックスで値を変更するとき、値/画像ページで表示されるよう適宜変更されます

1) をワード プレスで ajax を使用する方法を知りたいです。これを達成するために 2) コード

答え

アヤックスは、しかし、あなたを実装する必要はありません実際には単純な JS でそれを行うことができます。あなたの参考のためあなたと簡単なコードを共有することができます

<script type="text/javascript">
 function hourChange(selectObj) {
   var selectIndex=selectObj.selectedIndex;
   var selectValue=selectObj.options[selectIndex].text;
   var output=document.getElementById("output");
   //alert(output.innerText);
   output.innerHTML=selectValue;
 }

</script>

<select id="hour" onchange="hourChange(this);">

  <option>1</option>
  <option>2</option>

</select>

<p/>

you selected: <span id="output">1</span>

は単純な HTML ファイルでこれを試してください。WP であまりにも実装が簡単です

http://stackoverflow.com/questions/27896483/how-i-use-ajax-with-wordpress

スポンサーリンク

Leave a Reply