多個動態選擇

Question

我需要一種有多種選擇的方式，但一次只能有一種可見。 當用戶想要添加另一個選擇，他/她點擊一個按鈕，複選框，收音機..任何 他們需要能夠添加無限數量的選擇。有任何想法嗎？

Answer 1

老問題，但不妨增加我的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代碼。