Ajaxで文字列を表示したいです。

質問

お世話になります。
prototype.jsを使って、指定したdivタグ内に文字列を表示しようと思っています。
表示は出来るのですが、一瞬だけ表示されて掻き消えてしまいます。
表示されたままの状態を保持したいのですが、どうしたら良いでしょうか。

画面の詳細は以下の通りです。
まず、画面の上部にdivタグで囲ったエリア(1)にボタンがあります。
ここの部分条件を選択する画面です。
(表示・非表示のコントロールをしています)

このdiv内にあるボタンを押下したとき、選択された条件を、
エリア(1)の外に存在する別のdivタグに表示したいです。

現状JavaScriptで、
ボタンが押されたときのfunction内で、
document.getElementById("AAA").innerHTML = "条件項目：";
というような形で指定しています。

ちなみに、文字列を表示したいdivタグは以下のように指定しています。
<div id="AAA" style="width:980px;height:90px;border:double 2px #9999CC;margin-bottom:3px;font-size:12px;font-weight:bold;">
</div>

とりあえず表示はされるのですが、一瞬だけ表示されて消えてしまいます。

消えないようにするにはどうしたら良いでしょうか。

原因が掴めず困っています。
思い当たることがありましたら、教えてください。
宜しくお願いします。

回答No.1

tamanegi_majin · ベストアンサー

submitボタンにしてませんか？
一瞬表示されたあと、submitして画面が再読み込みされているとか。

お礼

早速のご回答ありがとうございました。
色々調べた結果、解決しました。
同じHTML内に書いているJavaScriptでreturn falseを返していなかった部分があり…という単純ミスでした。

補足

早速のアドバイスありがとうございます。
ボタンは、submitボタンではありません。
普通の画像にonclickのfunctionを仕込んであります。

しかし、画面が再読み込みされているような気配はあります。
何故再読み込みされているのかがわかりません。