1

ドロップダウンメニューのあるテーブルを作りました。

<tr>
    <td>items</td>
    <td><select id="afewitems">
        <option value="0">Select</option>
        <option value="1">item1</option>
        <option value="2">item2</option>
    </td></select>
</tr>

javascript (jQuery ではない) を使用すると、選択内容に基づいて項目を画面に動的にロードしたいと考えています。例: item1 (value="1") を選択すると、選択内容に基づいて追加情報が Web ページに読み込まれます。(テキストおよび/または画像)

私はサイトでこれを見つけました: jQuery を使用してオプションを選択するための追加データの追加 http://jsfiddle.net/GsdCj/2/

私の質問は次のとおりです: Select ID/Value に基づいて Java で事前に作成された情報を読み込むにはどうすればよいですか?

4

1 に答える 1

2

onchangeHTML<select>属性を使用します。

<select id="afewitems" onchange="changeInfo(this)">
<!--  (option tags) -->
<div id="info"></div>

JavaScript:

function changeInfo(el) {
    var info = [ 
        "some text",       // option 0
        "something else",  // option 1
        "..."              // option 2
    ];
    var val = el.options[el.selectedIndex].value;
    document.getElementById('info').innerHTML = info[val];
}

jsフィドル

これは、複数の<select>タグの変更です。

jsフィドル

于 2013-11-03T16:09:31.070 に答える