在转到选择列表中的 URL 之前，如何使用 SimpleModal 进行确认？

发布于 2024-10-20 08:24:51 字数 383 浏览 2 评论 0原文

我有一个这样的表单：

<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 页的确认消息应该相同。我对如何执行语法有点困惑。

原文

I have a form like this:

<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>

I want to use SimpleModal to show a confirmation before going to Page 1 or Page 2, but not if Page 3 is selected. The confirmation message should be the same for Page 1 and Page 2. I'm a little confused about how to do the syntax.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你的往事 2024-10-27 08:24:51

使用 SimpleModal 确认中的 JavaScript以演示为例，您可以执行以下操作：

    // 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/';
        });
    }
});

Using the JavaScript from the SimpleModal Confirm Demo as an example, you could do the following:

    // 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/';
        });
    }
});

回复收藏 0 原文

~没有更多了~