从下拉列表中选择时,自动触发单击按钮

时间:2015-03-23 18:28:06

标签: javascript php jquery html

我正在开发一个聪明的模板。我无法在编码时编辑PHP代码。

我有一个订单,客户查看其到期总额,填写他们的个人信息,然后完成付款。

我网站上的项目对美国征税,每个州的费率不同。

我的系统不允许根据用户对州的选择进行动态税率计算,但它提供了(税务更新)按钮,用户可以手动点击该按钮来更新税率。

我正在努力改进它并使其表现得像动态。

每次用户选择状态或在它们之间切换时,我都需要自动触发点击(税务更新)按钮。例如,如果用户选择 Kansas ,它将自动点击该按钮,这样用户就不必按下它。如果他选择了 Kansas ,然后将其更改为 Kentucky ,那就相同了。

最后,我将使用display:none;

隐藏该按钮

示例HTML:

<select id="selectstate" name="state">

<option value="Alabama">Alabama</option>
<option value="Kansas">Kansas</option>
<option value="Kentucky">Kentucky</option>

</select>

<input type="submit" value="Tax Update" name="update" />

任何人都可以帮助JavaScript或jQuery代码来实现这一目标吗?每当选择状态或选择更改时,我都需要自动点击(税务更新)按钮。任何答案都表示赞赏。

1 个答案:

答案 0 :(得分:1)

就是这样:

$('#selectstate').on('change', function(){
    $("[name='update']:submit").trigger("click");
});

如果可以,请使用提交按钮的ID