Здравствуйте, уважаемые форумчане. Прошу вашей помощи в следующем вопросе.
Есть набор данных, выбранных из MySQL, которые выводятся в select/option. Задача формы - пользователь должен расставить данные по приоритетности.
<form>
Расставьте значения по приоритету (назовем ее так)<br>
На первом месте
<select>
<option></option>
<option>Деньги</option>
<option>Семья</option>
<option>Здоровье</option>
</select>
На втором месте
<select>
<option></option>
<option>Деньги</option>
<option>Семья</option>
<option>Здоровье</option>
</select>
На третьем месте
<select>
<option></option>
<option>Деньги</option>
<option>Семья</option>
<option>Здоровье</option>
</select>
</form>
Как сделать, чтобы пользователь мог выбрать пункт "деньги" только в одном select-е? Выбрал в первом - в остальных пропало. Поставил в первом на "семью" - "деньги" восстановились в остальных.
Моя мысль - загрузить данные в один массив, а потом оттуда тянуть в select-ы. При событии onchange деактивировать строку массива или перенести эту строку в другой массив. При смене выбора перенесенную/неактивную строку возвращать, выбранную убирать. Но я не знаю, как это сделать технически. Буду благодарен за помощь или ссылку на учебную информацию.