Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.09.2012, 18:58
Интересующийся
Отправить личное сообщение для Игося Посмотреть профиль Найти все сообщения от Игося
 
Регистрация: 13.09.2012
Сообщений: 13

Перебор значений выпадающего списка через select/option
Здравствуйте, форумчане!
Нужна ваша помощь в решении следующей задачи.
Для простоты буду пояснять на примере.
Есть такая форма (теги action, method, name, size, value... я опускаю для облегчения чтения):
<form>
Расставьте значения по приоритету (назовем ее так)<br>
Супер важно
<select>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
Средней важности
<select>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
Вообще не важно
<select>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
</form>

Вопрос: как сделать так, чтобы при выборе "значения1" из первого select-a его option пропадал в двух последующих, дабы его случайно (или умышленно) не выбрали второй раз в другом select-е? При выборе "значения1" он пропал в первом и третьем... А при выборе "значения1", а затем "значения3" в первом select-е (может человек случайно ошибся, передумал или не попал с первого раза мышкой на нужный пункт), "значения1" восстанавливалось в остальных select-ах. Есть подозрение на использование функции hide, но я не уверен.
Буду признателен за любую помощь.

Последний раз редактировалось Игося, 14.09.2012 в 11:13.
Ответить с цитированием
  #2 (permalink)  
Старый 13.09.2012, 19:47
Профессор
Отправить личное сообщение для bot87 Посмотреть профиль Найти все сообщения от bot87
 
Регистрация: 16.05.2011
Сообщений: 307

удаление идет по содержимому в option
<select onchange="fn(this.selectedIndex)">
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
Средней важности
<select>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
Вообще не важно
<select>
<option>Значение 1</option>
<option>Значение 2</option>
<option>Значение 3</option>
</select>
</form>
<script>
function fn(index){
	
	selects=document.getElementsByTagName('select');
	
	val=selects[0].options[index].value;
	
	for(var i=0;i<selects[1].options.length;i++){
		if(val==selects[1].options[i].value){
			selects[1].options[i]=null
			}
		}
			for(var j=0;j<selects[2].options.length;j++){
		if(val==selects[2].options[j].value){
			selects[2].options[j]=null
			}
		}
	

	}
__________________
Я только учусь.Ногами просьба не бить
Ответить с цитированием
  #3 (permalink)  
Старый 14.09.2012, 10:09
Интересующийся
Отправить личное сообщение для Игося Посмотреть профиль Найти все сообщения от Игося
 
Регистрация: 13.09.2012
Сообщений: 13

Спасибо, но малость не то.

Последний раз редактировалось Игося, 14.09.2012 в 11:05.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое добавление выпадающего списка В IE stepennwolf Internet Explorer 3 04.11.2011 17:36
перебор всех возможных значений Yurik Общие вопросы Javascript 3 04.08.2011 14:25
удаление disabled при нажатии на элемент выпадающего списка deNSe_01 Events/DOM/Window 3 28.01.2011 10:49
Заполнить список значениями из динамически созданного выпадающего списка zhuzha Элементы интерфейса 0 17.08.2010 14:40
ПРограмирование выпадающего списка Chyvak Общие вопросы Javascript 6 24.07.2010 09:52