0

ユーザーの HTML フォームの選択をテーブルに配置する方法はありますか? たとえば、「お気に入りの果物」というラベルの付いたドロップダウン メニューから最初のオプション「リンゴ」を選択したとします。「りんご」は、同じページの表に表示されます。どんな助けでも大歓迎です。やりたいことの例: 次のドロップダウン メニューがあります。ユーザーがお気に入りのゲームを選択すると、その理由を尋ねる新しい div が表示されます。各選択はテーブルに出力される必要があります。方法がわかりません。

<tr><td>
<script>

var sections = {
    'TF2': 'section2',
'why': 'section3',  
};  
var selection = function(select) {

for(i in sections)
    document.getElementById(sections[i]).style.display = "none";    

document.getElementById(sections[select.value]).style.display = "block";

}

</script>
<form id="survey" action="#" method="post">
<tr><td><div id="section1" style="display:block;">
    <label for="game">Select Your Favorite Game</label>
    <select id="game" onchange="selection(this);">
                <option disabled selected>Choose</option>
        <option value="TF2">TF2</option>
        <option value="LoL">League of Legends</option>
        <option value="Minecraft">Minecraft</option>
    </select>
</div></tr></td>

<tr><td><div id="section2" style="display:none;">
    <label for="type">Why do you like it?:</label>
    <select id="type" onchange="selection(this);">
                        <option disabled selected>Options</option>
        <option value="fun">Fun</option>
        <option value="easy">Easy</option>
        <option value="difficult">Difficult</option>
    </select>
        </div></tr></td>

そして、ユーザーの選択をページの表に表示したいと考えています。何か案は？

4

1 に答える 1

1

作成したばかりのこのフィドルを見てください。それはあなたを動かすはずです。

私はjqueryの経験がほとんどなく、上記の@Billy Moatによって提供されたリンクとこれに基づいて、すぐに理解することができました:selected

于 2012-12-21T00:16:29.950 に答える