Несколько динамических выборов

Question

Мне нужен способ иметь множественный выбор, но только один видимый за раз. Когда пользователь хочет добавить еще один выбор, он нажимает на кнопку, флажок, радио .. что угодно Им нужно иметь возможность добавлять неограниченное количество выборов. Есть идеи?

Answer 1

Старый вопрос, но может также добавить мои 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 не требуется.