Question

有没有办法将用户的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>

我想在页面的表格中显示用户的选择。有什么想法吗？

Answer 1

看一下我刚创建的this小提琴。它应该让你去。

我几乎没有使用jquery的经验，并且能够快速找到它，基于@Billy Moat上面提供的链接以及:selected上的this one

使用HTML将表单元素放入表中

1 个答案: