2009-08-19 9 views
0

私は選択肢のリストがロードされますコンボボックスを持っている時にMySQLと表示結果を照会するためにJavaScriptをサンプリングが必要です。ユーザーが選択肢を選択すると、MySqlのクエリを実行するためのJavaScriptが必要になります(コンボボックスのユーザーの選択に基づいています)。単純な離散値が返されます。コンボボックス。は、コンボボックスの更新

クエリはSELECT foo FROM tblexample WHERE id = blah(blahはコンボボックスの値)です。値は単純な数値になります。ユーザーが新しい値を選択した場合は、結果を再クエリして表示するだけです。

ページ全体を読み込んだときに、配列などに読み込むことができます。私はPHPで働いていますが、私はJavascriptを知らない。私はサンプルコードビットを望んでいました。私はほとんどの時間を読んで外挿することができます。

フォームにサブミットボタンを配置して、新しいコンボボックスの選択肢を見るたびにユーザーに強制的に実行させたくありませんでした。よりシームレスで素早く表示したいと思っていました。

+0

あなたはJavaのヘルプを取得していますか)またはjavascript(あなたのブラウザで実行され、UIの処理に役立つスクリプト言語)私はあなたが2つの言語を一緒に混同するかもしれないと思う - まっすぐにすることはおそらくより有用な応答を与えるでしょう。 –

+0

JSP /サーブレット(Webアプリケーション)を使用していますか? – adatapost

+0

Javascriptは明らかに私が探しているものです。ありがとう、言ったように、私は非常にJava(スクリプト)ではなく、PHPで非常に経験です。 –

答えて

0

JavaScriptはクライアント側の言語です。 MySQLのクエリは実行されません(少なくとも安全に)。 PHPを使用して、コンボボックスのHTMLとJavaScriptを動的に作成します。

PHPには、entire section of their documentationがMySQL用に予約されています。

+0

ありがとう、私は私の睡眠でこれのPHP版をコーディングすることができます。私はそのように何度もやった。私はページを送信せずに、リフレッシュを待たずにドロップダウンのために異なる値を試してみるだけで、結果が表示されるようにしたいと思っていました。 –

0

私は実際にバックエンドでPHPを、フロントエンドでjavascriptを使用しているAjaxプログラミングのリファレンスを探していると思います。

優れたJavascript開発フレームワークの1つを使用することをお勧めします。優れた候補者は、JQueryまたはPrototypeです。彼らは両方ともあなたにjavascriptでのプログラミングを単純化するための堅牢なライブラリを提供します。

サンプルコードで作業するのではなく、javascriptの専門知識を開発することで、さらに多くのことを得ることができます。 Ajaxは複雑で、JavaScriptとPHPの統合を開始する前に、少なくとも基本的なスキルを習得する必要があります。

ここから始めるとよい質問です.JQueryを選択する必要がある場合は、まずそれをお勧めします。ティムは、あなたがこれを行うことが述べたように、あなたがjQueryの上で始めたら

http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=ajax+php+jquery+tutorial

0

選択ボックス、

<form name="formName" action="" method=""> 
    <select name="selName"> 
    <option value={uniqueId}>Option 1</option> 
    </select> 
</form> 
<p class="displayMsg">No message to display.... yet</p> 

ヘッドタグのスクリプトタグ内のJavaScriptとjQuery 、

$(document).ready(function() { 
$('select[name=selName]').change(function() { 
    function processData(data, success) { 
    ...do something with the query results echoed into var data...such as 
    $('p.displayMsg').txt(data); // which will update the text node of the p tag class displayMsg 
    } // end function processData 
    var formData = $('form[name=formName]').serialize(); // this will encode the variables from the form to pass into post headers. You can access in your ajax called script with $_POST['selName'] 
    $.post('phpAjaxProcessScript.php',formData,processDataClose); // sends data to script and when it's done it calls function processData 
}); // end select change event function call 
}); // end document ready event function call 
関連する問題