2011-02-07 13 views
0

ドロップダウンボックスにはdbから値が引き出されます。ドロップダウンボックスには1つの列だけが表示されます。ドロップダウンボックスで1つの列を選択すると、テキストボックスに他の値が表示されます。PHPを使用したドロップダウンボックス

iの対応する値ドロップダウンの値を選択し、私がドロップダウンボックスに値を表示する行っているが、私はhere.Ifを打っていますが、テキストボックスに表示する必要がある

例:車のBMWクラスCの125hp

ここでドロップダウンボックスでbmwを選択すると、クラスCとテキストボックスに125hoが表示されます。

答えて

0

PHPはサーバ側で動作し、クライアントから要求されたときにWebサイトを処理し、結果ページをクライアントに送信します。例えば、あなたのドロップボックスは、サーバー上で満たされ、クライアントに送信されます。

ただし、ドロップボックスで項目を選択することは、クライアントのブラウザで行われます。ああ、サーバーはそれを知らないので、PHPスクリプトがこれに反応する方法はありません(ユーザーがドロップボックス項目を変更するたびに強制的にサイトをリフレッシュしない限り、これは非常に悪い概念です)。

クライアント側で動作するスクリプトタイプを使用する必要があります。ここではJavaScriptが最も一般的です。 JavaScriptはドロップボックスの選択に反応し、それに応じてテキストフィールドのデータを埋め込むことができます。

ただし、クライアント側のJavaScriptは、サーバーリソース(データベースのテキストなど)にアクセスできないことに注意してください。これらのリソースはPHPスクリプトによってJavaScriptに挿入され、クライアントにも送信されなければなりません。

+1

JavaScript *それ自体はサーバーリソースにアクセスできないため、AJAXが使用されています。 – nico

1

属性に表示値を格納することができます(例:データ・テキスト

<select id="car"> 
    <option name="none" data-text="" value="">---</option> 
    <option name="bmw" data-text="class c" value="bmw">bmw</option> 
    <option name="ford" data-text="4 door" value="ford">ford</option> 
    </select> 

    <input type="text" id="display"/> 

次のように(あなたはjqueryのを使用している場合)は、テキストフィールドを更新することができます

​$()​.ready(function() { 

    $("#car").bind("change", function() { 
    $("#display").val($("#car :selected").attr("data-text")) 
    }) 
})​ 

私はで実際の例を置く - http://jsbin.com/ifefo4

0

あなたはのためにJavascriptを使用する必要があります。クライアント側。

テキストボックスの値を入力するjavascript配列を作成します。 次に、ドロップボックスのonchangeメソッドで、この配列からテキストボックスの内容をリロードします。

+0

どうすればいいですか?php whileループはdbからすべてのものを取り出します。 – ajmul

+0

いつものようにPHPでデータを取得する必要がありますが、ループではブラウザが読み込み可能なコードを出力して、そこからjavascriptの部分を構築する必要があります。 Googleで見つかったヒントやこちらをご覧ください:http://www.scratch99.com/2008/03/creating-javascript-array-dynamically-from-php-array/ jQueryで@ Joe Haninkのソリューションも見ることができます値をコンボボックスに直接印刷してから配列を操作する方が簡単です。しかし、原則はほとんど同じです – Bulan

+0

私はPHPを使用するので、私は各テキストボックスごとに異なるIDを持っています。 – ajmul

関連する問題