|
Сообщение от Hammer
|
|
при выборе в 1 селекте допустим цифру 3, она должна стать недоступной в остальных двух. Далее выбирая в 3 селекте цифру 2, она так же в остальных должна стать недоступной. Если же мы в 1 селекте возвращаем цифру 0, которая по умолчанию выбрана(selected), то цифра 3 должна стать доступной во всех селектах снова.
|
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
$('select').change(function (){
var o=$(this);
if (this.value!=0) {
$('option[value="'+this.value+'"]').attr({
disabled: 'true'
});
};
$('option[value="'+o.data('val')+'"]').removeAttr('disabled');
o.data('val',this.value);
});
});
</script>
</head>
<body>
<FORM>
<select id="mySelectId[1]" name="numer[1]" data-val='0'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
<br />
<select id="mySelectId[2]" name="numer[2]" data-val='0'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
<br />
<select id="mySelectId[3]" name="numer[3]" data-val='0'>
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
</select>
</form>
</body>
</html>