Просто, иногда не хватает хорошего пинка в нужную сторону!
Спасибо!
Ограничился пока что 3 селектами, вроде работает.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>
<select>
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<select>
<option value="0" selected>0</option>
</select>
<select>
<option value="0" selected>0</option>
</select>
<script>
var select0 = document.getElementsByTagName('select')[0];
var select1 = document.getElementsByTagName('select')[1];
var select2 = document.getElementsByTagName('select')[2];
select0.addEventListener('change', function() {
var i = this.selectedIndex;
select1.options.length=0
select2.options.length=1
for (var k=0; k<9-i; k++) {
select1.options[k] = new Option(k, k);
}
select1.addEventListener('change', function() {
var i = this.selectedIndex + select0.selectedIndex;
select2.options.length=1
for (var k=0; k<9-i; k++) {
select2.options[k] = new Option(k, k);
}
});
});
</script>
</body>
</html>