在同一页面上的多个相似的窗体

我正在使用PHP从MySQL数据库中检索有关“资源”的信息。关于每个资源的信息是作为HTML输出像下面这样的格式：在同一页面上的多个相似的窗体

Title 
Description 
Etc.

然后每个资源都有一个“编辑”链接，运行的JavaScript的onclick。该JS插入一个包含所选资源信息的表单，以便在数据库中进行编辑和更新。如果JavaScript被禁用，用户将被带到一个单独的页面，该页面只有编辑该特定资源的表单。所以，我的问题是：如何在同一页面上管理任意数量的表单，这些表单都具有相同的功能，仅适用于MySQL数据库的不同行（不同的“资源”）？特别是，我将如何确定要在JavaScript插入的表单中编辑的特定资源？

现在我正在使用一个隐藏的输入来携带资源ID（erid），但PHP脚本看起来像什么实际上处理表单动作？出现这个问题的原因是因为输入类型的每个名称=“提交”当前都携带了erid，例如， NAME = “UPDATE1”，名字= “UPDATE2” 等

从数据库中获取资源：

require('inc/db_connect_info.config'); 

$mysqli = new mysqli($host, $mysqlilogin, $mysqlipassword, $databaseName); 

if (mysqli_connect_error()) { 
    die("Can't connect to database: " . mysqli_connect_error()); 
} 

else{ 
    $testQuery = "SELECT * FROM eresources NATURAL JOIN subjects"; 
    $testResult = $mysqli->query($testQuery); 

    if($testResult && $testResult->num_rows >= 1) { 


     while($testArray = $testResult->fetch_assoc()) { 

     $testArray['stitle'] = htmlentities($testArray['stitle']); 


    // START er div 

     print("<div id=\"er".$testArray['erid']."\" class=\"grey\">");   print("\n\n\t"); 

    // erid, link, title, descr 
    print("<p>".$testArray['erid'].": <a id=\"link".$testArray['erid']."\" href=\"".$testArray['link']."\">".$testArray['ertitle']."</a> - <span id=\"descr".$testArray['erid']."\">".$testArray['descr']."</span></p>"); 
     print("\n\t"); 


    // edit "link" 
    print("<a href=\"edit.php?erid=".$testArray['erid']."\" onclick=\"return showEdit(".$testArray['erid'].")\">Edit</a>"); 
    print("&nbsp;&nbsp;&nbsp;&nbsp;"); 


    // END er div 
    print("</div>"); 
    print("\n\n"); 
     } 
} 

    // If there was a problem retrieving resources, print an error message // 
    else{ 
     print("<p>No e-resources found!</p>"); 
    } 

    $mysqli->close(); 
}

JavaScript函数网页上插入更新的形式在那里，如果 “编辑” 链接被点击（假设启用JavaScript）：

function showEdit(erid) { 

//get page url for form submission 
var url = document.location.href; 

//current title 
var erTitle = document.getElementById("link" + erid).innerHTML; 

//current link 
var erLink = document.getElementById("link" + erid).getAttribute("href"); 

//current description 
var erDescr = document.getElementById("descr" + erid).innerHTML; 

//current subject under which electronic resource is filed 
var erSubject = document.getElementById("subject" + erid).innerHTML; 

//clear the er div 
document.getElementById("er" + erid).innerHTML = ""; 

//then fill it with a form for new values, to be submitted to the same page 
//the form is prepopulated with the current values from the database 

    document.getElementById("er" + erid).innerHTML = 
"<form action=\"" + url + "\" method=\"post\">" + 
"Title<br /><input type=\"text\" name=\"updated_er_title"+erid+"\" value=\"" + erTitle + "\" size=\"100\" /><br /><br />" + 
"Link<br /><input type=\"text\" name=\"updated_er_link"+erid+"\" value=\"" + erLink + "\" size=\"100\" /><br /><br />" + 
"Description<br /><textarea name=\"updated_er_descr"+erid+"\" cols=\"75\" rows=\"10\">" + erDescr + "</textarea><br /><br />" + 
"Free Status<br />" + erFree + "<br /><br />" + 
"Subject<br /><input type=\"text\" name=\"updated_er_subject"+erid+"\" value=\"" + erSubject + "\" size=\"100\" /><br /><br />" + 
"<input type=\"hidden\" name=\"erid\" value=\""+erid+"\" />" + 
"<input type=\"submit\" name=\"update" + erid + "\" value=\"Update\" />" + 
"</form>"; 

// return false so the link is not followed if javascript is enabled 
// if javascript is disabled, link provides same form on separate page 
return false; 
}

来源

2011-07-07 lt. surge

你真的需要为每个资源单独的形式？为什么不能有一种形式，在div中设置。当用户点击“编辑”时，onclick处理程序会使用所选资源的数据填充表单中的字段，将div放在需要用于所选资源的位置，并将其css显示设置为“block ”。表单可以包含一个隐藏的输入，该输入将被设置为资源ID。提交表单时，服务器端PHP将拥有资源的ID来执行数据库更新。如果表单使用AJAX提交，然后onsubmit处理从输入字段获取数据并修改不可编辑显示选定的资源，然后设置形式div的CSS显示为“无”。

来源

2011-07-07 15:14:14

在同一页面上的多个相似的窗体

回答

相关问题