は、コンボボックスの更新

Question

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

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

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

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

Answer 1

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

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

Answer 2

私は実際にバックエンドで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

Answer 3

、

選択ボックス、

<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