填寫表單區域

我有一個帶有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

嘿，我已經編輯了我根據你的建議在上面的部分或問題部分編寫的代碼（僅編輯代碼部分）..我無法準確地找出你以前的評論可以建議我在關於如何去做的代碼（已編輯的問題包含我正在使用的所有代碼） –

填寫表單區域

回答

相關問題