Показать сообщение отдельно
  #2 (permalink)  
Старый 02.01.2012, 12:04
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

можно так
выбери 5 в своей форме - остальные блокируются
выбери меньше 5 - все разблокируются

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>demo</title>
	<script type='text/javascript' src='http://code.jquery.com/jquery-git.js'></script>
	<script>
	$(function(){
		$('#form').change(function(){
			var allSelect = $('select', this), // все select этой формы
				more1 = allSelect.filter(function () { // все select у которых value больше 1
					return $(this).val() > 1;
				}); 
			if (more1.length > 4) { // если таких 5 либо больше
				allSelect.not(more1).attr('disabled', 'disabled');
			} else {
			   allSelect.removeAttr('disabled'); // иначе все select делаем доступными
			}
		});
	});
	</script>

</head>
<body>
<form name="matchform" id = "form" method="post" action="">

<label for="nh1" id = "ga1">Первая</label>
<select name="menu" id="form_match1">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh2" id = "game2">Вторая</label>
<select name="menu2" id="form_match2">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh3" id = "ga3">Третья</label>
<select name="menu3" id="form_match3">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh4" id = "ga4">Четвертая</label>
<select name="menu4" id="form_match4">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh5" id = "ga5">Пятая</label>
<select name="menu5" id="form_match5">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh6" id = "ga6">Шестая</label>
<select name="menu6" id="form_match6">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh7" id = "ga7">Седьмая</label>
<select name="menu7" id="form_match7">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh8" id = "ga8">Восьмая</label>
<select name="menu8" id="form_match8">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh9" id = "ga9">Девятая</label>
<select name="menu9" id="form_match9">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh10" id = "ga10">Десятая</label>
<select name="menu10" id="form_match10">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh11" id = "ga11">Одинадцатая</label>
<select name="menu11" id="form_match11">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<label for="nh12" id = "ga12">двенадцатая</label>
<select name="menu12" id="form_match12">
<option value="1"></option>
<option value="2">позиция1</option>
<option value="3">позиция2</option>
<option value="4">позиция3</option>
</select>

<input type="submit" name="knopka" id="knopka" value="ОК"/>
</form>
  
</body>
</html>

Последний раз редактировалось Pavel M., 02.01.2012 в 12:08.
Ответить с цитированием