2011-03-01 12 views
0

私は選択したドロップダウンボックスでクリックしたものに基づいてmysqlデータベースから3つのテキストボックスにデータを入力できるチュートリアルなどを見つけようとしています。PHP/AJAX - 選択リストに基づいて動的なデータを3つのテキストボックスに取り込みます

たとえば、次のように私の選択になります。そして、

<select name="imaselect"> 
    <option value="USA">USA</option> 
    <option value="AUS">AUS</option> 
    <option value="NZ">NZ</option> 
</select> 

その下に、私は3つの空白のテキストボックスを持っています。

私がUSAをクリックすると、データベースに行き、3つの値を求めて返し、3つのテキストボックスに入れます.AUSをクリックした場合と同じ、そしてNZをクリックする場合も同じです。

ご協力いただきまして誠にありがとうございます。

乾杯、

答えて

0

あなたは2つのものが必要です。

  1. データベースに接続し、渡された国の3つの値をパラメータとして取得するphpファイル。
  2. 国名のphpファイルを呼び出し、返された値をテキストボックスに挿入するjavascriptスクリプトです。
+0

私はそのビットを持っています...実際のコードビットで助けが必要なだけです。 – Cecil

+0

...それはあなたが使っているデータベースシステムのような多くのものに依存します。しかし、アイデアを与えるために、[このリンク](http://w3schools.com/php/php_mysql_select.asp)は、mySqlデータベースに接続する方法を示しています。 javascriptの部分では、[jquery get](http://api.jquery.com/jQuery.get)メソッドを使用することができます –

0
<script type="text/javascript"> 
    jQuery(function($){  
     $("select").change(function(e) {  
      $(".temp").load(\'index.php?parameter1=\'+ $(this).val(), , function() { 
       $(".textbox1").val($(".temp1").text()); 
      }); 
     }); 
    }); 
</script> 

このような何か。もちろん、jqueryファイルへの参照を設定する必要があります。そして、あなたはindex.phpを持っています(または別の名前をつけて)、load関数を介して必要なパラメータを与えることができます。 tempを持つ要素は内容を取得します。これは、読み込みを使用してテキストボックス内のデータを直接取得することができないためです。 (したがって、その要素を作成する必要があります。隠されています!)次に、クラスtextbox1で要素にコピーされます。 2つの内部ラインを何度でもコピーしてください(代わりにtextbox2のように使います、tempは同じままです)

関連する問題