多种动态选择

我需要一种有多个选择但一次只能看到一个的方法。 当用户想要添加另一个选择时，他/她单击按钮、复选框、单选按钮……等等 他们需要能够添加无限数量的选择。有任何想法吗？

老问题，但不妨加上我的 2 美分，以防其他人想知道答案。

我会使用 JavaScript 创建一个<select>来自 JavaScript 循环的“更多”部分中的元素。例如，您的第一页将有

<input type="button" value="New Select Box" onclick="createNewBox();" /><br />
<span id="selectElement1">
    <select>[your code for the select box goes here]</select>
    <span id="selectElement2"></span>
</span>

这可以设置您的基本选择元素，以及New Select Box将激活此 JavaScript 函数代码：

<script type="text/javascript">
// Initialization Code
var currentSelect = 1; // Keeps track of which select box is current

// New Select Box code
function createNewBox()
{
    var currentSelect = currentSelect + 1;
    var nextSelect = currentSelect + 1;
    document.getElementById('selectElement'+currentSelect).innerHTML = "<select>[code goes here]</select><span id=\"selectElement"+nextSelect+"\"></span>";
}
</script>

整个事情只需要这两个代码片段就可以运行，并且不需要 jQuery 代码。