0

ドロップダウン ボックスからオプションを選択したときに Web ページの特定の部分に関する情報を取得するための Ajax コードを作成する方法は?

Web ページの特定の部分のドロップダウン メニューから選択した特定のアイテムの情報が必要です。

4

1 に答える 1

0

マークアップが次のようになっているとします。

<select id="dropdown">
    <option value="1">Some option</option>
    <option value="2">Other option</option>
    <option value="3">Helpfull option</option>
    <option value="4">Don't pick this option</option>
</select>
<div id="details"></div>

AJAX 呼び出しを行うには、ある種のライブラリを使用します。たとえば、jQuery を使用すると、さまざまなブラウザー間で ajax 呼び出しを処理するコードを記述するよりもはるかに簡単になります。コードは次のようになります。

$('#dropdown').on('change', function(e) {
    var currentValue = $('#dropdown').val();
    $.get('<someurl>', function(data) {
        $('#details').html(data);
    });
};

'<someurl>'必要なリソースへの URL に置き換えます。jQuery や同様のライブラリを使用せずにこれを行うには、もう少し複雑です。いくつかのガイダンスについては、この回答を見ることができます: https://stackoverflow.com/a/2557268/355499

于 2013-03-15T08:32:35.683 に答える