使用2个提交按钮jquery处理onchange

时间:2015-04-26 18:41:42

标签: javascript php jquery html forms

我从当前使用2个提交按钮的数据库中提取了一个列表。一个用不同的数据集刷新页面,另一个用来更新页面。

代码基本上是......

// this is a little bit pseudo so dont worry about spelling mistakes...

<?php

if($_POST['update']) {
    // update database
}

if($_POST['filter']) {
    // show different data
}

?>
<form type="post">

<button type="submit" name= "update" value="update">Update</button>
<select name="selectitem">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<button type='submit' name='filter' value='filter'>Filter</button>
</form>

这样可以正常工作,但我认为选择元素在使用onChange进行更改时进行刷新会更好,但是如何让它提交右键(在本例中为过滤器按钮)。我正在使用jquery所以使用它的建议也没关系。

表单回发到同一页面,以便它可以根据select元素刷新或更新数据。

我想我想摆脱过滤器按钮,但是在更改select元素时执行其特定操作。

希望你能帮忙

感谢

1 个答案:

答案 0 :(得分:0)

在select元素上设置一个事件处理程序,触发单击该按钮。 像这样:

$('select[name="selectitem"]').change(function(e) {
   $('button[name="filter"]').click();
});

我希望有所帮助!