2011-11-14 6 views
2

これは私が持っているものです。 このドロップダウンボックスには値があり、A、B、Cと言うことができます。jQueryを使用してテキストエリアの入力に応じてフォームを読み込むにはどうすればよいですか?

今、Aを選択すると、フォームAの下にAをロードします。同様に、BとCを選択すると、それぞれのフォームをドロップダウンボックスの下にロードしますか?

これはjQueryで可能ですか?もしそうなら、私はそれをどうやってやりますか?私はJavascriptで多くの経験がありませんが、私はたくさんのことを学んでいます(私はどのくらい覚えていますが、わかりません)

乾杯!

編集:ありがとうございました!ドロップダウンボックスの代わりに入力を行うにはどうしたらいいですか?

+0

あなたは、Ajaxからフォームをロードしていますか?その場合は、各フォームをロードできるサーバー側のアドレスがありますか? –

+0

入力と全く同じですが、ユーザーがフォームがない用語を入力するとどうなりますか? – Flo

+0

Hm、公正なポイント、私はそれを使ってオートコンプリートを手に入れました。(jQuery UIから) – chintanparikh

答えて

1

のSampleCode:

$('#youdropdownboxIdGoeshere').change(function() { 
    $.ajax ({ 
     url: "yourfile.php?show="+$(this).val(), 
     cache: false, 
     success: function(html) { 
      $('#divForResulthere').html(html); 
     } 
    }): 
}); 

そしてあなたは、これが指し示すのphpファイルを作成する必要があります。スクリプトでは、表示するメニューを決定し、動的ドロップダウン全体をエコーし​​ます。コンテンツはjQueryによって解析されます。

0

ドロップダウンの.change()イベントを使用できます。

基本的に2つのオプションがあります。フォームはすでに最初にユーザーに送信されています。ドロップダウン変更イベントでは、.show()関数を使用して選択したフォームを表示するか、.load()や.ajax()などの関数を使用できます。サーバーからフォームを動的にロードします。最初は選択時の方が速くなりますが、pageloadでより多くのデータがユーザーに送信されます。小さなフォームが少ない場合は最初のフォームを選択し、大きいフォームまたは大きなフォームのいずれかがある場合は2番目のフォームを選択します。

0

特定のドロップダウン・オプションの値でフォームを作成し、jquery.loadまたは$ .ajaxを使用してロードすることができます。あなたは、単にHTMLをロードしたい場合は、jqueryの負荷はあなたのために十分でしょう(それは$得るアヤックスのショートカットです)ここで

は、あなたが開始することができ、そこからサンプルです:http://jsfiddle.net/Sskfe/2/

関連する問題