Question

我在当天早些时候围绕e.preventDefault（）方法寻求帮助。

我无法选择选择哪种方法＆＃34; onchange =＆＃34;。

我听说因为firefox和IE10 +中的浏览器问题，我不应该使用onchange。我发现以下链接提供了大量的信息，但对我来说可能有点太多了。帮助解密将不胜感激。链接和代码如下。

Javascript select onchange='this.form.submit()'

这是我目前的尝试。我们的想法是有几个滑块可以在用户释放滑块时发送它们的值。这是一个好主意，还是我应该只是提交＆＃39;这一切都是一次性而不是单独的？任何意见欢迎。

<form method="POST" action="http://192.168.0.1/" clas="ajax">
  <table style="width:100%">
   <input type="range" name="thisguy" onchange="this.form.submit()" value="0" min="0" max="100" step="10" data-highlight="true">
</form>

然而，这种方法会绕过通常在“提交”上执行的javascript。在我提交＆＃39;之前我正在使用的行动按钮。

    <script language="javascript" type="text/javascript">
    $('form').on('submit', function(e) {
        try {
        event.preventDefault(); //Prevent form submission
        var that = $(this),
            url = that.attr('action'),
            method = that.attr('method'),
            data = {};

        that.find('[name]').each(function() {
            var that = $(this),
                name = that.attr('name'),
                value = that.val();
            data[name] = value;

            $.ajax({
                url: url,
                type: method,
                data: data,
                success: function(response) {
                window.location.reload();
                }

            });

        });
        }
        catch (err) {
            console.log ('submit handler error: ' + err.message );
            }
        return false;
    });
    </script>

任何关于采用哪种方式来处理此问题或有用评论的建议都会有所帮助！提前谢谢。

Answer 1

class="ajax"

为表单添加类或ID。

onchange="$('.ajax').submit();"

Javascript onchange =＆＃34; this.form.submit（）＆＃34;与e.preventDefault（）

1 个答案: