输入文本为change jquery时提交表单

我使用的是价格范围，即jquery范围滑块。 我在图片下方有两个文本字段和价格范围滑块

形象

HTML代码

<form name="range_form" method="post">
INR <input type="text" id="amount1" name="amount1" >
- INR <input type="text" id="amount2" name="amount2" >
</form>
<div id="slider-range"></div>

而上面的代码是显示价格范围是两个文本字段

现在我的问题从这里开始

当

输入文本

字段更改时，如何提交

表单

我曾经尝试过使用

keyup

，

keydown

，

onchange

，但我正在寻找的是什么

---

因为我不是从键盘在

文本

字段中插入值，而是从

滑块范围

中获取值。。因此，当文本字段更改时如何提交。

您可以向滑块小部件添加一个

停止

事件处理程序，以便在用户停止滑动时提交表单：

$( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 99999,
    values: [ 75, 300 ], 
    slide: function( event, ui ) {
        $( "#amount1" ).val(ui.values[ 0 ]);            
        $( "#amount2" ).val(ui.values[ 1 ]);            
    },
    stop : function (event, ui) {
        $('#range_form').trigger('submit');
    }
});

这将在滑块小部件的父窗体上触发

submit

事件。请注意，我是按ID选择表单的，因此您必须向表单中添加ID，或者将表单的选择更改为：

$（'[name=“range\u form”]'）

（这效率要低得多）

---

停止

事件的文档：

您可以使用滑块的

更改

事件

---

每当您停止使用滑块，或以编程方式更改滑块时，它将被触发。

@Rafee

它不起作用

不是很好的描述。你可以发布一个指向“不工作”代码的链接，或者粘贴一些错误文本吗？

stop:function（event，ui）{$（'#range_form'）。trigger（'submit'）；}

我给了我的表单id为

range_form

，但它不是triggering@Rafee下面是一个JSFIDLE，它显示了我的代码是独立工作的：。请注意，我在表单标记中添加了一个ID，这就是问题所在，您没有选择任何内容，因为没有使用您选择的ID的元素（表单有名称但没有ID）。请尝试

$（“#range_form”）.submit（）

而不是

$（'#range_form'）。触发器（'submit'）我也同意@Jasper的说法，你应该给那张表格一个ID…首先，你的表格的ID是什么？我看到您为表单指定了一个名称，但没有ID，您是否在表单中的任何位置使用type=“submit”的输入元素？
$( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 99999,
    values: [ 75, 300 ], 
    slide: function( event, ui ) {
        $( "#amount1" ).val(ui.values[ 0 ]);            
        $( "#amount2" ).val(ui.values[ 1 ]);            
    },
    stop : function (event, ui) {
        $('#range_form').trigger('submit');
    }
});

$( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 99999,
    values: [ 75, 300 ], 
    slide: function( event, ui ) {
        $( "#amount1" ).val(ui.values[ 0 ]);            
        $( "#amount2" ).val(ui.values[ 1 ]);            
    },
    change: function(event, ui){
        // do what you want.. a change has occured to the slider..
    }
})