Почему на работает e.preventDefault()?

Question

[Дониёр Маматкулов]

Привет!
Есть на странице выпадающий список. Хочу при каждом выборе пункта вытаскивать инфу из БД в соответствии с ID и выдавать через alert.
Мой код jQuery:

$("#all-requests").on('change', function (e) {
        e.preventDefault();
        var pick = this.value;
        $.ajax({
            url:"/requests/get-request-desc",
            type: "GET",
            data: {id: pick},
            success:function(data) {
                alert(data);
            }
        });
    });

Сейчас при выборе пункта из дропдауна - страница перезагружается и отображается нужная информация, но алерт не срабатывает. Пробовал ставить preventDefault() в разных местах - не работает как надо...

Comments

[Игорь Перегудов]

скиньте кусок html плиз

[Дониёр Маматкулов]

Игорь Перегудов,

<select id="all-requests" class="form-control">
                    <option value=""><?=Yii::t('app', 'Choose')?>...</option>
                    <?php foreach($allRequests as $request): ?>
                    <option value="<?=$request->id?>"><?=Yii::t('app', $request->request)?></option>
                    <?php endforeach; ?>
                </select>

[Дониёр Маматкулов]

А это готовый рендер:

<select id="all-requests" class="form-control">
                    <option value="">Choose...</option>
                                        <option value="1">Request for vehicle</option>
                                    </select>

[twobomb]

Непонятно зачем на дропдаун preventDefault ставить, он и так сам ничего не должен делать. Просто на нем висит 2 или более обработчиков, просто удали другие обработчики.

[Дониёр Маматкулов]

twobomb, Обработчик один.

[monochromer]

Дониёр Маматкулов, раз страница перезагружается, значит preventDefault нужно ставить на отправку формы, а не на событие change select'а

[Дониёр Маматкулов]

monochromer, формы у меня нет. чисто стоит dropdown и только

[monochromer]

Дониёр Маматкулов, что тогда перезагружает страницу?

[Дониёр Маматкулов]

monochromer, подозреваю, что влияет $.ajax

[Arman]

наверно энтер нажимаете, попробуйте тоже самое но на событие submit формы

[Дониёр Маматкулов]

Делаю так и алерт выскакивает при каждом изменении пункта:
$("#all-requests").on('change', function (e) {
alert(this.value);
});

[Дониёр Маматкулов]

Arik, нет. enter не нажимаю. Тупо выбираю пункт мышкой

Answer 1

[Дониёр Маматкулов]

Всё заработало как только я сделал так:

$("#all-requests").on('change', function (e) {
        var pick = this.value;
        $.ajax({
            url: 'requests/get-request-desc?id='+pick,
            success: function(data){
                $('#request_desc').append(data);
            }
        });
    });