Ajaxを使用してJavascriptドロップダウンボックスを更新する

私はajaxに関して質問があります。カテゴリドロップダウンボックスといくつかのjavascriptがあるので、ユーザーがカテゴリを選択すると、自動的にそのカテゴリを送信ボタンをクリックします。私の質問は簡単ですが、どのようにページロードを停止し、カテゴリ項目でdivをロードするために、このプロセスにajaxを追加できますか？Ajaxを使用してJavascriptドロップダウンボックスを更新する

私は式エンジンcmsを使用していますが、これは問題ではありませんが、タグはコード内にあります。

これは私のコードです：AJAXコールバックに基づいて選択範囲内<option>タグを交換する

<script language="JavaScript" type="text/javascript"> 
    var theTarget = "_top"; 
    function goThere() { 
     if (!document.theForm.theMenu.selectedIndex=="") { 
      window.open(document.theForm.theMenu.options[document.theForm.theMenu.selectedIndex].value, theTarget,""); 
     } 
    } 
</script> 

<form name="theForm" action=""> 
    <select name="theMenu" size="1" onchange="goThere()"> 
     {exp:channel:categories channel="store" style="linear" category_group="1"} 
      <option value="{path='store-directory'}">{category_name}</option> 
     {/exp:channel:categories} 
    </select> 
</form>

出典

2011-12-02 kala233

あなたはまったく何をしようとしたことがありますか？もしそうなら、何が問題なのですか？ – maxedison

私の問題は、私はajaxに堪能ではないので、誰かが正しい方向に私を指すことができれば感謝します。ありがとう。 – kala233

<script>function goThere(val) 
{ 
    $.post(val, function(data) { 
     $("#categoryDiv").html(data); 
}); 
}</script> 


<form name="theForm" action=""> 
<select name="theMenu" size="1" onchange="goThere(this.value)"> 
{exp:channel:categories channel="store" style="linear" category_group="1"} 
<option value="{path='store-directory'}">{category_name}</option> 
{/exp:channel:categories} 
</select> 
<div id="categoryDiv"> 
</div> 
</form>

出典

2011-12-02 15:05:26 Arasu

テンプレートにちょっとした調整を加えて作業してください！どうもありがとうございました！ – kala233