0

PHP関数を呼び出してAJAXを使用してデータベースにクエリを実行できるように、ドロップダウンメニューのオプションをJavascript関数に送信しようとしています。残念ながら、私のonchangeイベントはまったく起動していないようです。onchangeテストのためだけにイベントを単純な Javascript 関数にリダイレクトしようとしましたが、それも機能しません。私は一生それを理解することができないようです。以下に私のサンプル コード (HTML とサンプル テスト Javascript 関数) を添付します。

HTML:

    <div id="Category_and_Food">
            <form>
                <select id="categories" onchange="tested()">
                    <option value = "">Please select a category</option>
                    <option value="Appetizers">Appetizers</option>
                    <option value="Entree">Entree</option>
                    <option value="Specials">Specials</option>
                    <option value="Drink">Drinks</option> 
                    <option value="Meat">Meat</option>
                    <option value="Soup">Soup</option>
                </select>
            </form>
        <br />
        <div id="cat_display"><b>Please select a category above</b></div>   
    </div>

Javascript:

<script type = "text/javascript">
function tested()
{
var x = document.getElementById("categories").value;
document.getElementById("cat_display").innerHTML = x;
{
</script>

以前に、変更された入力を反映する関数を使用してonchangeイベントを使用して、この関数もテストしました。onchange="tested(this.value)"

4

1 に答える 1

1

あなたは後方を持っています}：

function tested()
{
    var x = document.getElementById("categories").value;
    document.getElementById("cat_display").innerHTML = x;
} // <----

例: http://jsfiddle.net/L2abu/1/

JSHintなどのツールを使用してコードを実行し、構文エラーをチェックしてください。

于 2012-08-22T00:02:45.997 に答える