0

フォームからjavascript関数に情報を送信する方法を理解するためにあなたの助けが必要です。

ここで基本的な関数を作成しました：http：//jsfiddle.net/nZhR8/5/

この関数の目的は、divを非表示/表示することです。

実際、いくつかの連絡先（0から20の間）のあるテーブルがあります。連絡先ごとに選択リストがあります。連絡先ごとに、1つの特殊な機能で1つの特別なdivを表示する必要があります。したがって、contact1の場合はdiv3を表示し、contact2の場合はdiv1を表示する必要があります。

また、javascript関数を使用して、divを表示する必要があるデータベースに送信します。それは一種の進歩になるでしょう。

間違っている場合は、その理由を教えてください。

4

3 に答える 3

1

この背後にあるアイデアはわかりませんが、それでうまくいく可能性があります: http://jsfiddle.net/YCPM7/

それは、はるかに大きなプロジェクトの単純な草稿に違いありません。

また、各 DIV に共通のクラスを使用することをお勧めします。

<div class="message 1">1</div>
<div class="message 2">1</div>
<div class="message 3">1</div>
...

したがって、次のように簡単に実行できます。

$(".message").hide();

楽しみ。

于 2012-04-06T13:18:12.207 に答える
1

$(...)ページがロードされたときに showDiv を実行したくないので、最初に関数 showDiv を定義する場所から を削除します。

それとは別に、あなたの問題はjsFiddleのようです。そこではうまくいきませんでしたが、jsFiddleに投稿したものを正確にコピーしてファイルに貼り付け、上記を修正してFFで試してみるとうまくいきました。

もちろん、コードに関してもっとうまくできることはありますが、うまくいきます。提案: すべての div に同じクラスを指定し、ID で区別してから、そのクラスですべてを非表示にし、正しい ID を持つものを表示します。onload の場合、コード全体をコピーする代わりに、単に execute を実行しshowDiv(1)ます。

于 2012-04-06T13:09:29.953 に答える
1

この jsFiddleのようなものが必要ですか?

<div id="1" class="1">1</div>
<div id="2" class="2">2</div>
<div id="3" class="3">3</div>
<div id="4" class="4">4</div>
<div id="5" class="5">5</div>

$('div').hide();

$('#StateSelection').change(function() {
    var $this = $(this);
    $('div').filter('.'+$this.val()).show();
});
于 2012-04-06T13:12:44.850 に答える