Как я могу использовать SimpleModal для подтверждения перед переходом по URL в списке выбора?

Question

У меня есть такая форма:

<select>
    <option value="page1.html" class="confirm">Page 1</option>
    <option value="page2.html" class="confirm">Page 2</option>
    <option value="page3.html">Page 3</option>
</select>

Я хочу использовать SimpleModal, чтобы показать подтверждение перед переходом на страницу 1 или страницу 2, но не в том случае, если выбрана страница 3.Сообщение подтверждения должно быть одинаковым для страницы 1 и страницы 2. Я немного запутался в том, как сделать синтаксис.

Answer 1

Используя JavaScript из SimpleModal Confirm Demo в качестве примера, вы можете сделать следующее:

    // replace 'form' with your form selector
$('form').submit(function (e) {

            // replace 'option:selected' with a more specific selector
    var opt = $('option:selected');

            // if the selected option has a class of confirm, show the dialog
    if (opt.hasClass('confirm')) {

        e.preventDefault();

        // example of calling the confirm function
        // you must use a callback function to perform the "yes" action
        confirm("Continue to the SimpleModal Project page?", function () {
            window.location.href = 'http://www.ericmmartin.com/projects/simplemodal/';
        });
    }
});