在不使用Ajax/Jquery的情况下使用javascript启用特定行中的文本框
因此,我让这个表充满了来自数据库的信息,插入和删除功能正在工作,但我需要能够在按下编辑按钮的特定行中启用文本框。 不幸的是,我不能使用Jquery或Ajax,因为这是一个学校项目,我们不允许使用它 此时,它从数据库中获取唯一的行ID在不使用Ajax/Jquery的情况下使用javascript启用特定行中的文本框,javascript,php,html,Javascript,Php,Html,因此,我让这个表充满了来自数据库的信息,插入和删除功能正在工作,但我需要能够在按下编辑按钮的特定行中启用文本框。 不幸的是,我不能使用Jquery或Ajax,因为这是一个学校项目,我们不允许使用它 此时,它从数据库中获取唯一的行ID <?php include("db.php"); ?> <div class="ukeContainer"> <!-- Legger inn i ukecontainer --> <in
<?php
include("db.php");
?>
<div class="ukeContainer"> <!-- Legger inn i ukecontainer -->
<input type="button" value="Legg til ny bruker" onclick="nytt();">
<table class="sortable">
<!-- gjør tabellen mulig å sortere -->
<tr>
<th>Epost</th>
<th>Brukernavn</th>
<th>Etternavn</th>
<th>Fornavn</th>
<th>Brukertype</th>
<th></th></tr>
<?php
$sql = "select A.*, Br.Type from Brukere A INNER JOIN Brukertyper Br ON A.Brukertype=Br.Brukertype";
if ($db) {
$res = $db->query($sql);
while ($rad = $res->fetch_assoc()) {
echo("<tr><td><input type='text' name='epost' value='".$rad['Epost']."' disabled></td>");
echo("<td><input type='text' name='bnavn' value='".$rad['Brukernavn']."' disabled></td>");
echo("<td><input type='text' name='enavn' value='".$rad['Etternavn']."' disabled></td>");
echo("<td><input type='text' name='fnavn' value='".$rad['Fornavn']."' disabled></td>");
echo("<td><input type='text' name='type' value='".$rad['Type']."' disabled></td>");
echo("<td>");
echo("<input id='Slett".$rad['idBrukere']."' ");
echo("type='submit' value='Slett' onclick='slett(".$rad['idBrukere'].")';>");
echo("<input id='Rediger".$rad['idBrukere']."' ");
echo("type='submit' value='Rediger' onclick='endre(".$rad['idBrukere'].")';></td></tr>");
echo("</td></tr>");
}
} else {die("Får ikke forbindelse med database.");}
?>
</table>
</div>
</body>
埃博斯特
布鲁克纳文
艾特纳夫
福纳文
布鲁克型
我会这样做,只是一时兴起:
为每个行指定一个唯一的id。然后,在编辑功能中,传递该行的id
好的,现在我们在edit函数中,我们知道要启用哪一行。。我们现在可以使用以下JS代码来实现您想要的:
function enableRow(rowId)
{
// Get the container element
container = document.getElementById(rowId);
// Find its child `input` elements
var inputs = container.getElementsByTagName('input');
for (var index = 0; index < inputs.length; ++index) {
inputs[index].disabled = false;
}
}
功能启用行(rowId)
{
//获取容器元素
container=document.getElementById(rowId);
//查找其子“input”元素
var inputs=container.getElementsByTagName('input');
对于(var指数=0;指数
我从这里恢复了部分代码:
希望有帮助。:) “编辑按钮”是什么?你能说得具体一点吗?你在实践考试大厅吗?要求考官不允许使用互联网编辑按钮是在每行添加一个提交,并带有回音;回声(“”);回声(“”);因此,我需要的是onclick函数onclick='functionhere',以启用所需行中的所有文本框,如果可能的话?每一行从数据库中获取一个唯一的ID,称为“IdUsers”。我现在获取脚本以检索它,与我在delete函数中所做的相同,但我无法使其启用文本框。在代码中,您的-元素没有id。您确定要为它们提供id吗?我在数据库中添加了一个与表行号相等的id,因此它现在可以工作了!非常感谢@用户3004920没问题,请选择我的答案作为正确答案。:)祝你未来的代码好运。