1

私は私の質問のタイトルをフレージング苦労しました。私は入力のみで、名前によって異なる5つの視覚行から成るこのインタフェースを持っているサーバ側のPHPとクライアント側の更新のためのトリガとしてのユーザ入力とのインタフェース?

:基本的に、ここで問題です。

各行には2つの選択ボックス/リストがあります。最初の選択肢で行った選択に応じて、2つ目の選択リストを7つの異なる配列(データベースのクエリによって作成されたもの) (最初のボックスはクエリのORDER BY部分にのみ影響します)。

はどのようにして、ユーザが選択ボックスで選択を行った後、これがすぐに実現するのですか? ユーザーが他の送信ボタンを押さなくても意味します。ほとんどのコード処理をサーバー側にしたいが、出力はクライアント側ですぐに見えるようにする。ユーザーが選択ボックスを変更するたびにページ全体が更新され、5つすべてを選択する必要があります。

これを達成するには、PHPといくつかのjavascriptを組み合わせる必要がありますか?そしてもしそうなら、私はどんなコードを探していますか?

+0

私は、これは '選択boxes'または'チェーン選択boxes'をカスケードと呼ばれていると信じています。優れた – cOle2

+0

、今私が名前を知っている私は簡単なチュートリアルをグーグルことができます!タイ! :) – Suzy

答えて

1

あなたはjqueryのを使用している場合、これは非常に簡単かもしれない...

/* pick up the first select box changing */ 
$(".select_box_class").change(function() { 

    /* show some loading indicator */ 
    show_loading_indicator(); 

    /* fire off a ajax call to the server which could return the html for the next select box or the data to build up the html in the client */ 
    $.post('/path/to/server.php',{selection:$(this).val()}, function(newSelect) { 
     /* here you can update/create you next select box */ 
     $("#select_box2_placeholder").html(newSelect); 

     turn_off_loading(); 
    }); 

}); 
+0

うーん、私はまだjavascriptのに非常に精通していませんよ。しかし、私はそれが学ぶのは簡単だと私はここに直面しているようなクライアントベースの問題のためのおそらく最高の呼び出しを知っています。私のような目標を達成するためにはJavaScript一緒にPHPの使用をカバーし、そこにいくつかの書籍/チュートリアルでは、おそらくありますか? – Suzy

+0

忘れないでください:ドキュメントは、それらの要素を扱えるように完全に読み込まれている必要があります。 'jQueryの(ドキュメント).ready(関数(){ \tのjQuery( "#のエレメント1")変化(関数(){ \t \t jQuery.post( 'selectmaker.php'、{選択:jQueryの( "#エレメント1 ").val()}、関数(newSelect){ \t \t jQueryの("#の要素2" を選択)、HTML(newSelect)。 \t \t}); \t}); }); ' – Suzy

関連する問題