填写表单区域

我有一个带有2个按钮的PHP（HTML）页面。一个按钮用于获取信息（按钮1），另一个按钮用于提交信息（按钮2）。这两个按钮都是链接到一个称为id的表单字段。填写表单区域

当用户输入id并按下get按钮（按钮1）时，将从数据库中提取有关该id（姓名，年龄...）的所有信息，并将显示在相同的 html页面我用这个jquery）。

按钮2（提交）当用户想要提交信息时，用户在其他表单框（名称，年龄..表单框）中输入ID和详细信息，然后单击提交按钮，输入所有关于该ID将被提交给数据库。

以上所有的东西都适用于我，这里是我使用的代码的片段。

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
//get information from DB using script_1.php 
$(document).ready(function(){ 
$("#button1").click(function(){ 
    $.post('script_1.php', { name: $('input[name$="name"]', '#myForm').val() }, 
     function(output) { 
      $('#age').html(output).show(); 
     }); 
}); 
//submit info to DB using script_2.php 
$("#button2").click(function(){ 
    $('form#myForm').attr({action: "script_2.php"}); 
    $('form#myForm').submit(); 
}); 
}); 

</script> 
</head> 
<body> 
<form id="myForm" method="post"> 
id: <input type="text" name="name"/> 
<input type="button" id="button1" value ="Get"/> 
<input type="button" id="button2" value="Submit to script 2" /> 
name:<input type="text" name="title"/> 
age:<input type="text" name="title"/> 
</form> 
<div id="age"></div> 
</body> 
</html>

这里是我的问题或问题

只有与获得按钮（按钮1）

我使用get按钮从数据库中获取我的信息（按钮1 ）显示在同一个html页面的底部，相反我想要做的是获取的信息应该显示在相应的表单框中，即当用户提交id有关id的信息时科名和年龄应在相应的表格框中显示（示例名称应显示在名称中）

我该怎么做？任何建议或一些有关以下的好教程将不胜感激。

感谢您的时间。约翰

来源

2011-08-14 Dumb_Shock

这并不难。您将需要修改您的PHP脚本以将JSON发送到客户端。然后您需要将接收到的JSON中的值逐个插入表单元素中。例如，让你开始：

$("#button1").click(function(){ 
    $.post('script_1.php', { id: $('input[name="id"]', '#myForm').val() }, 
     function(json) { 
      $("input[name='name']").val(json.name); 
      $("input[name='age']").val(json.age); 
     }, "json"); 
});

PHP：

$data = array('name' => 'Jeff', 'age' => '28'); 
echo json_encode($data);

为清楚起见，我修改你的表单元素的名字：

<form id="myForm" method="post"> 
id: <input type="text" name="id"/> 
<input type="button" id="button1" value ="Get"/> 
<input type="button" id="button2" value="Submit to script 2" /> 
name:<input type="text" name="name"/> 
age:<input type="text" name="age"/> 
</form>

来源

2011-08-15 00:07:45 karim79

我实现如你所说的一切工作正常，但在我的HTML表单结构是Dropbox ...你知道我应该如何显示数据库中的信息到保存在Dropbox中的信息吗？非常感谢你的帮助。 –

您可以迭代数据库结果并生成文本和值设置为所需内容的选项，例如， '' – karim79

嘿，我已经编辑了我根据你的建议在上面的部分或问题部分编写的代码（仅编辑代码部分）..我无法准确地找出你以前的评论可以建议我在关于如何去做的代码（已编辑的问题包含我正在使用的所有代码） –

填写表单区域

回答

相关问题