Php 将提交按钮添加到HTML表单
我有一个简单的表单，有四个输入字段（联系人id、电话号码、姓名、称呼）。如果我输入“联系人id”并按下Enter按钮，字段的其余部分将自动填充并从DB中检索。现在，我想在表单中添加一个“提交”按钮，以便通过单击该按钮将这些信息保存到另一个DB表中。我尝试添加按钮，但自动填充功能不再工作。有人能帮忙吗？提前感谢：） 这是我的index.html文件：Php 将提交按钮添加到HTML表单,php,html,ajax,Php,Html,Ajax,我有一个简单的表单，有四个输入字段（联系人id、电话号码、姓名、称呼）。如果我输入“联系人id”并按下Enter按钮，字段的其余部分将自动填充并从DB中检索。现在，我想在表单中添加一个“提交”按钮，以便通过单击该按钮将这些信息保存到另一个DB表中。我尝试添加按钮，但自动填充功能不再工作。有人能帮忙吗？提前感谢：） 这是我的index.html文件： <html> <body> <script language="javascript" t
<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>
函数ajaxFunction（e）{
var e=e | | window.event；
var-keycode=e.which | | e.keycode；
if（keycode==13 | | | e.target | | e.srcElement）.value==''{
var http；//使Ajax成为可能的变量！
试试{
//Opera 8.0+、Firefox、Safari
http=newXMLHttpRequest（）；
}第（e）款{
//Internet Explorer浏览器
试试{
http=新的ActiveXObject（“Msxml2.XMLHTTP”）；
}第（e）款{
试试{
http=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}第（e）款{
//出了点问题
警告（“你的浏览器坏了！”）；
返回false；
}
}
}
var url=“getagentids.php？param=”；
var idValue=document.getElementById（“agid”）.value；
var myRandom=parseInt（Math.random（）*9999999）；//缓存清除器
http.open（“GET”、“getagentids.php？param=“+escape（idValue）+”&rand=“+myRandom，true”）；
http.onreadystatechange=handleHttpResponse；
http.send（空）；
函数handleHttpResponse（）{
如果（http.readyState==4）{
结果=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]；
}
}
}
}
联系人ID:
电话：
姓名：
敬礼：
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
}
...
如果要在填充表单后添加submit按钮，可以使用
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
}
...
使用
type=“button”jQueryJavascripttype=“button”jQueryJavascript