将提交按钮添加到HTML表单
我有一个简单表单，有四个输入字段（联系人id，电话号码，姓名，称呼）。如果我输入'contact id'&按Enter按钮，字段的其余部分将自动填充，从DB检索。现在我想在表单中添加一个“Submit”按钮，这样就可以通过单击该按钮将这些信息保存到另一个DB表中。我已经尝试添加按钮，但自动填充功能不再起作用了。有人能帮忙吗？提前致谢：）下面是我的index.html文件：
<html>
<body>
<script language="javascript" type="text/javascript">
function ajaxFunction(e){
var e=e || window.event;
var keycode=e.which || e.keyCode;
if(keycode==13 || (e.target||e.srcElement).value==''){
var http; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
http = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
http = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
http = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
var url = "getagentids.php?param=";
var idValue = document.getElementById("agid").value;
var myRandom = parseInt(Math.random()*99999999); // cache buster
http.open("GET", "getagentids.php?param=" + escape(idValue) + "&rand=" + myRandom, true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
function handleHttpResponse() {
if (http.readyState == 4) {
results = http.responseText.split(",");
document.getElementById('agfn').value = results[0];
document.getElementById('agsal').value = results[1];
document.getElementById('agtel').value = results[2];
document.getElementById('agid').value = results[3];
}
}
}
}
</script>
<form>
<table>
<tr>
<td>Contact ID:</td>
<td><input id="agid" type="text"
name="contactid" onkeyup="ajaxFunction(event)"></td>
</tr>
<tr>
<td>Tel Number:</td>
<td><input id="agtel" type="text"
name="contacttel"></td>
</tr>
<tr>
<td>Name:</td>
<td><input id="agfn" type="text"
name="contactfullname"></td>
</tr>
<tr>
<td>Salutation:</td>
<td><input id="agsal" type="text"
name="contactsalutation"></td>
</tr>
<tr>
<td><input type="reset" value="Clear"></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
共有2个答案
如果要在填充表单后添加提交按钮，可以使用innerHTML
...
if (http.readyState == 4) {
results = http.responseText.split(",");
document.getElementById('agfn').value = results[0];
document.getElementById('agsal').value = results[1];
document.getElementById('agtel').value = results[2];
document.getElementById('agid').value = results[3];
document.getElementById('buttons').innerHTML = "<input type=\"submit\" name=\"submit\" value=\"Submit\"/>"; // add Submit button by innerHTML
}
...
并在表中，将
-
问题内容： 我有一个表格。在该表格之外，我有一个按钮。一个简单的按钮，如下所示： 但是，当我单击它时，它会提交表单。这是代码： 该按钮应该做的就是编写一些JavaScript。但是，即使看起来像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它可以完美工作。但不幸的是，它必须是一个按钮。有什么办法可以阻止该按钮提交表单？像例如 问题答案： 我认为这是HTML最令人讨厌的小特性。该按钮必
-
问题内容： 我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。 现在我正在使用： 这个CSS内容 而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题？ 问题答案： 我只是将div包裹在它们周围，并使其居中对齐。那么您不需要按钮上的任何CSS即可将它们居中。
-
问题内容： 假设您以HTML表单创建向导。一键向后退，一键向前。当您按下时，由于 后退 按钮首先出现在标记中，它将使用该按钮提交表单。 例： 我想确定当用户按下时使用哪个按钮提交表单。这样，当您按下向导时，向导将移至下一页，而不是上一页。您是否必须使用此功能？ 问题答案： 我希望这有帮助。我只是在按右边的按钮。 这样，按钮位于按钮的左侧，但在HTML结构中排在第一位： 优于其他建议的好处：没有Ja
-
问题内容： 我搜索了在jtable中添加按钮的教程，并从http://tips4java.wordpress.com/2009/07/12/table-button- column/ 找到了一个类文件， 该按钮在哪里设置？ 问题答案： 它是通过DefaultTableModel中的数据在表渲染器和编辑器中自动设置的。例如，对于表编辑器，代码为： 表模型的值在哪里。有关详细信息，请参见ButtonC
-
问题内容： 我有一个包含三个提交按钮的表单，如下所示： 按钮行混合了提交，重置和JavaScript按钮。按钮的顺序可能会更改，但是在任何情况下，保存按钮都将保留 在上一个和下一个按钮之间。 这里的问题是，当用户点击Enter提交表单时，帖子变量“ COMMAND”包含“ Prev”；正常，因为这是表单上的第一个提交按钮。但是，我希望在用户通过Enter按钮提交表单时触发“下一步” 按钮。这有点像
-
问题内容： 单击后，我编写了以下代码以禁用网站上的提交按钮： 不幸的是，它没有发送表格。我怎样才能解决这个问题？ 编辑 我想绑定提交，而不是表格:) 问题答案： 做到： 发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。 您可能还应该考虑使用ID或CLASS来命名元素，因此不要在页面上选择所有提交类型的输入。 （请注意，我使用，因此该表单在示例中并未实际提交；请在使用时将其保留。）