0

ユーザー向けのさまざまなオプションを一覧表示するドロップダウンリストがあります。ユーザーが選択した内容に基づいてテキスト領域にデータを入力するためのリストが必要です。データベースにすでにデータがあり、ドロップダウンリストからのユーザーの選択に基づいてクエリを実行できるようにしたいと考えています。

これが私のselectタグが今どのように見えるかです：

<select name="procedure" onChange="">
            <option value="">Select Procedure</option>
            <cfloop query="procedures">
                <option value="#procedureId#">#procedureName#</option> 
            </cfloop>
        </select>

そして、これは私のテキスト領域です：

  <textarea name="procedureDescription" cols="80" rows="6">#the query output will go here#</textarea><br />

onSelectChange関数を使用してAjaxでサーバー側のクエリを制御する方法はありますか？

私の考えが明確であることを願っています。さらに情報が必要な場合は、お問い合わせください。

4

1 に答える 1

1

はい、誤解し​​ない限り、Ajax リクエストを使用してこれを実行できるはずです。onchangeメソッドは次のようになります。

function handleProcedureChange()
{
    var selectedVal = $(this).val();
    var url;  // TODO set procedure URL here, using selectedVal as needed

    $.get(url, function(procedureResult) {
        $("#procedureDescription").text(procedureResult);
    });
}

次に、サーバー側のメソッドをセットアップして、プロシージャを実行し、結果をプレーン テキストとして返す必要があります。

于 2012-05-11T19:37:56.707 に答える