Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не срабатывает событие change() (https://javascript.ru/forum/misc/53379-ne-srabatyvaet-sobytie-change.html)

Valentin1918 01.02.2015 16:45

Не срабатывает событие 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>

рони 01.02.2015 17:27

Valentin1918,
var myChoice = this.value;

Valentin1918 01.02.2015 17:28

Все, разобрался сам - все дело в одном пробеле, а именно:
$('#someSelect:selected').val() нужно писать
$('#someSelect :selected').val()

Всем спасибо!


Часовой пояс GMT +3, время: 16:26.