javascript - onchange ="this.form.submit()"与两个提交按钮

Question

通过下拉触发 onchange 事件提交，当存在两个输入提交按钮时它无法工作。这是有道理的，那么您如何专门指定要处理的提交按钮呢？

<form>
<select onchange="this.form.submit()"></select>
<input type="submit" name="submit1" id="submit1" value="Submit 1" />
<input type="submit" name="submit2" id="submit2" value="Submit 2" />
</form>

解决方案使用下面的建议，此代码将起作用，以便如果从下拉菜单触发 onchange，则第二个提交按钮将执行:

<form>
<select onchange="var e=document.getElementById('killbox'); var s=document.getElementById('submit1'); e.removeChild(s); this.form.submit();"></select>
<div id="killbox"><input type="submit" name="submit1" id="submit1" value="Submit 1" /></div>
<input type="submit" name="submit2" id="submit2" value="Submit 2" />
</form>

这是一种基本形式，将 Javascript 放入函数而不是使用内联 Javascript 进行 onchange 肯定不会有什么坏处。

Answer 1

我很确定您可以简单地在按钮本身上调用 .submit():document.getElementById('submit1').submit()

-编辑-

解决方案二:只删除其中一个按钮(使用 removeChild()，这是一种常见的 DOM 方法)。