Почему не срабатывает условие if в js?

Question

[runapa]

<select class="decision_select" name="decision" data-toggle="confirmation" data-title="are_you_shore" data-btn-ok-label="yes" data-btn-cancel-label="no">
     <option value="0" selected></option>
     <option value="1"><?=$lang['accept']; ?></option>
     <option value="2"><?=$lang['decline']; ?></option>
     <option value="3"><?=$lang['queue']; ?></option>

$(document).ready(function() {
        $(".decision_select").change(function(){
            if($(this).val() != 0){
                $('[data-toggle=confirmation]').confirmation({
                    rootSelector: '[data-toggle=confirmation]',
                    // other options
                    onConfirm: function() {
                        var form = $(this);
                        $.ajax({
                            url: '/',
                            type: "POST",
                            data: form.serialize(),
                            success: function (response) {
                                console.log(response + 'Submission was successful.');
                            }
                        });
                    },
                });
            }
        });
    });

Суть вопроса:
Я хочу отправить форму при выборе любого элемента, кроме первого в выпадающем списке, но перед отправкой показываю bootstrap confirmation с подтверждением. При этом если пользователь нажимает нет и затем выбирает первый элемент, bootstrap confirmation показываться не должен. Но почему-то в моём коде игнорируется условие и bootstrap confirmation показывается всегда.

upd
Условие срабатывает, а вот bootstrap confirmation вызывается всегда. А надо, чтобы иногда.

Comments

[black1277]

if($(this).val() != '0'){
кавычками ноль оберните

[runapa]

black1277, Пробовал. Не работает.

[black1277]

runapa, тогда пишите консольлог перед этой строчкой и смотрите чему оно на самом деле равно.

[runapa]

black1277, Консоль показывает

Answer 1

[Сергей Соколов]

Дело не в условии, а в плагине bootstrap-confirmation.
Вызов его на элементе нужен 1 раз для инициализации плагина. Далее он сам слушает события на input'е и вызывается при любом изменении.

Comments

[runapa]

Ок. А как мне это реализовать в коде?

[black1277]

попробуйте так: если пользователь нажимает нет - используйте функцию
onCancel: function()
в которой принудительно установите выбранным select с 0

[runapa]

black1277, Да уж, такая простая вещь, а в голову не пришла. Всё получилось!

[runapa]

black1277, Может поможете с ещё одним вопросом?
Скрипт я дописал, как вы посоветовали, но появился новый прикол. Если вызвать событие onCancel(), то при следующем нажатии на select, вместо change() срабатывает click(). То есть confirmation появляется ещё до того, как я выберу какой нибудь элемент из select. Как это поправить?

Answer 2

[Алексей Ярков]

А зачем вы $(this).val() с числом сравниваете, ещё и не строго, если надо сравнивать со строкой?

Comments

[runapa]

Пробовал. Не работает.