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

Question

我正在制作一个聪明的模板。我无法编辑已编码的 PHP 代码。

我有一个订单表格，客户可以在其中查看他们的总欠款，填写他们的个人信息，然后完成付款。

我网站上的商品对美国征税，每个州的税率不同。

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

我正在尝试改进它并使其表现得像动态的。

每次用户选择一个州或在它们之间切换时，我都需要自动触发对该(税务更新) 按钮的点击。例如，如果用户选择 Kansas，它将自动单击该按钮，这样用户就不必按下它。例如，如果他选择了堪萨斯，然后将其更改为肯塔基，情况也是一样。

最后，我将使用 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 代码帮助实现这一目标吗？我需要在选择状态或选择更改时自动单击(税务更新) 按钮。任何答案表示赞赏。

Answer 1

就是这样:

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

如果可以，请为您的提交按钮使用一个 id