2011-08-07 21 views
0

この問題のヘルプが必要です。 多くの異なるフィールド、つまりドロップダウン、テキストフィールドなどを含むindex.phpにフォームが表示されています。 同じページに、私のデータベースからの値を含むドロップダウンリストがあります。 ドロップダウンリストから選択した値に基づいてフォームに入力する必要があります。 ajaxを使用してこの問題を解決する方法はありますか? ありがとうございます。Ajax、PHP、MySqlを使用して同じページにフォームを更新

答えて

0

選択したドロップダウンフィールドの変更をリッスンし、データベースにクエリを行い、JSONで目的の情報を返すスクリプトにajaxリクエストを行うことができます。指定した入力フィールドに値を適用する必要があります。

更新: あなたはajaxの部分を自分で把握する必要がありますが、これはあなたを始めにするはずです。サンプルはjqueryライブラリを使用して構築されています。 http://jsfiddle.net/k4emic/4qAE2/2/

+0

簡単な例を教えてください。私はJSとjQueryについて全く新しいですか? – Madi

+0

私はjsfiddleへのリンクで私の答えを更新しました。 – K4emic

0

javascript/ajaxを使用する必要があります。このためにjQueryを使用することができます。

あなたはこのような何か必要があります:あなたが最初のドロップダウンJavaScript関数(changeOptions)のドロップダウン値を変更すると

<script type='text/javascript'> 
     function changeOptions(value,objId){ 
      respond = sendRequestToAPHPScript(); // respond is a string that your php script returns; should contain html for the select box. 
      ${objId}.innerHTML = respond; 
     } 
    </script> 

    <select id="mySelect" onchange="changeOptions(this.value,'mySelect2');"> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
    </select> 

    <select id="mySelect2"> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
    </select> 

が呼び出されます。この関数は、あなたのデータベースからのデータとともにhtmlを出力するリクエストをPHPスクリプトに送ります。この関数は、要求から返されたhtmlで他の選択ボックスを埋めます。

関連する問題