0

有没有办法将用户的 HTML 表单选择放入表格中？因此，假设他们从标有“最喜欢的水果”的下拉菜单中选择第一个选项“苹果”。然后，“Apples”将出现在同一页面的表格中。任何帮助是极大的赞赏。我想做什么的例子：我有以下下拉菜单。用户选择他或她最喜欢的游戏，当他们这样做时，会出现一个新的 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 回答