多个动态选择

时间:2010-07-10 21:15:48

标签: php html select menu

我需要一种多次选择的方法,但一次只能看一次。 当用户想要添加另一个选择时,他/她单击按钮,复选框,无线电......无论如何 他们需要能够添加无限数量的选择。有任何想法吗?

1 个答案:

答案 0 :(得分:0)

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

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

<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代码。