Подскажите пожалуйста, где есть ошибка в коде.
Условие задачи: при Выборе1 доступны 3 пункта во втором выпадающем списке, при Выборе2 - 2, при Выборе3 - 1, при Выборе4 - 3.
Заранее спасибо!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test3</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$('#someSelect').change(function(){
var myChoice = $('#someSelect:selected').val();
if(myChoice==1){
$('#someSecondSelect').html('<option value="1">1</option><option value="2">2</option><option value="3">3</option>');
}
else if(myChoice==2){
$('#someSecondSelect').html('<option value="1">1</option><option value="2">2</option>');
}
else if(myChoice==3){
$('#someSecondSelect').html('<option value="1">1</option>');
}
else {
$('#someSecondSelect').html('<option value="1">1</option><option value="2">2</option><option value="3">3</option>');
}
});
});
</script>
</head>
<body>
<form>
<div>
<span> Выбор </span>
<select id="someSelect">
<option value="1">Выбор1</option>
<option value="2">Выбор2</option>
<option value="3">Выбор3</option>
<option value="4">Выбор4</option>
</select>
<span> Опция: </span>
<select id="someSecondSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</form>
</body>
</html>