如何使用jquery自动单击表单中的“保存”按钮

时间:2013-09-30 14:15:44

标签: javascript jquery html

我有一个带下拉列表的表单。每当我点击保存本身时,我选择下拉列表,它会显示它做一些动作。我想在更改下拉列表时自动保存。 这是小提琴: http://jsfiddle.net/GGtTw/

jQuery('select[name="dropdown"]').change(function() { 
alert(jQuery(this).val());
});
jQuery('#submit').click(function() {
    alert('you click submit button');
});

我希望一旦你选择下拉列表,它会自动提交值意味着它会自动点击保存而不会注意到用户。

任何建议都会很棒。

由于

4 个答案:

答案 0 :(得分:4)

使用trigger模拟给定对象的点击事件

jQuery('select[name="dropdown"]').change(function() { 
    jQuery('#submit').trigger('click');
});
jQuery('#submit').click(function() {
    alert('you click submit button');
});

答案 1 :(得分:2)

只是做

$( "#submit" ).trigger( "click" );

答案 2 :(得分:1)

另一种方法:

jQuery('select[name="dropdown"]').change(function() { 
    save();
});
jQuery('#submit').click(function() {
    save();
});
function save()
{
alert('Save');
}

答案 3 :(得分:1)

进行ajax调用以从下拉更改事件中进行保存。除非你想要执行表单提交,否则会触发提交上的点击功能

jQuery('#submit').trigger('click');

jQuery ajax()