Не срабатывает событие change()
Подскажите пожалуйста, где есть ошибка в коде.
Условие задачи: при Выборе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> |
Valentin1918,
var myChoice = this.value; |
Все, разобрался сам - все дело в одном пробеле, а именно:
$('#someSelect:selected').val() нужно писать $('#someSelect :selected').val() Всем спасибо! |
Часовой пояс GMT +3, время: 11:21. |