Javascript 两个提交按钮问题--
我在一个表单中有两个提交按钮,两个提交按钮都链接到一个文本框。 当按下肠道键盘时,是否有方法选择特定的提交按钮 我的html:Javascript 两个提交按钮问题--,javascript,html,keypress,Javascript,Html,Keypress,我在一个表单中有两个提交按钮,两个提交按钮都链接到一个文本框。 当按下肠道键盘时,是否有方法选择特定的提交按钮 我的html: <form id="myForm" method="post"> id: <input type="text" name="id" id="id"/> <div id="hidden" style="display: none;"> <label>Age:</label> <input type="te
<form id="myForm" method="post">
id:
<input type="text" name="id" id="id"/>
<div id="hidden" style="display: none;">
<label>Age:</label>
<input type="text" name="Age"/><br/>
<input type="submit" id="button2" value="Update"/>
</div>
<input type="submit" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = ''; this.style.display = 'none'"/>
代码的小说明:
最初,除了一个submitGet信息和id字段外,所有部分都将隐藏。
用户输入id并单击submitGet Info后,所有其他字段都将显示,之前的submitGet信息将被隐藏。如果不使用必要的JavaScript,表单使用的submit按钮将被禁用 本质上,表单将使用它包含的第一个已启用的提交按钮 实际上,听起来您想要做的是向表单添加一个onsubmit处理程序,并阻止默认操作,以便显示表单的其余部分。在事件处理程序中,只需从表单中删除事件处理程序,即可正确发送提交表单的后续调用。您可以使用要单击的按钮上的方法
document.forms.myForm.id.onkeyup = function (e) {
e = e || window.event;
if (e.keyCode == 13) {
document.forms.myForm.button1.click();
if (e.preventDefault) {
e.preventDefault();
}
e.returnValue = false;
}
};
我以基本相同的方式解决了一个不同的问题。下面是使用jQuery的一个简单解决方案
$('form').bind('submit',function(e){
e.preventDefault();
//do whatever processing you need to, then fire your Get Info button
$('#buttonToTrigger').trigger('click')
});
这些不是提交按钮。它们只是按钮。