【发布时间】：2020-08-08 10:52:30
【问题描述】：
HTML 部分...具有 4 个属性的待办事项列表：属性“描述”不会显示在表格上。但是当您在第一个单元格（标题）上单击时，它应该返回所有 4 个属性。
<body>
<h1 id="h1">ToDo Lijst</h1>
<label for="item">Titel</label><br>
<input type="text" id = "Item"><br><br>
<!--<p style="color:red; font-size:18px;" id="FoutInput"></p>-->
<label for = "aantal">Omschrijving</label><br>
<input class="desc" type="text" id="description"><br><br>
<label for="person">Toegewezen Person</label><br>
<input type="text" id = "person"><br><br>
<label for="deadline">Deadline</label><br>
<input type="text" id="deadline">
<button type = "button" onclick="Toevoegen()"><span>+</span></button>
<button type="button" onclick="Edit()" >Aanpassen</button>
<button style="background-color: crimson" onclick="Verwijderen()"><i class="fa fa-trash-o"></i></button>
<p style="color:red; font-size:15px;" id="FoutInput"></p>
<table id="table">
<tr>
<th>Titel</th>
<th>Toegewezen Person</th>
<th>Deadline</th>
</tr>
</table>
//javascript part
var rIndex,
table = document.getElementById("table");
function Toevoegen()
{
var newrow = table.insertRow(table.length),
cell1 = newrow.insertCell(0),
cell2=newrow.insertCell(1),
cell3=newrow.insertCell(2),
Titel = document.getElementById("Item").value,
person = document.getElementById("person").value,
deadline = document.getElementById("deadline").value;
//var description = document.getElementById("description").value;
if(Titel != "" && person != "" && deadline != "")
{
cell1.innerHTML = Titel;
cell2.innerHTML = person;
cell3.innerHTML = deadline;
document.getElementById("Item").value = ""; document.getElementById("person").value = "";
document.getElementById("deadline").value = "";
document.getElementById("description").value = "";
console.log(description);
var text1 = "Toegevoegd!";
document.getElementById("FoutInput").innerHTML = text1;
}
else{
cell1 = newrow.deleteCell(0);
cell2 = newrow.deleteCell(0,1);
var text = "Veld(en) mag(mogen) niet leeg blijven!";
document.getElementById("FoutInput").innerHTML = text;
}
selectedRowtoinput();
selectedCell();
}
function selectedCell(){
for(var i = 1;i<table.rows.length; i++){
table.rows[i].cells[0].ondblclick = function(){
var titel = document.getElementById("Item").value;
var person = document.getElementById("person").value;
var deadline = document.getElementById("deadline").value;
var description =
document.getElementById("description").value;
console.log(description);
alert("overzicht:" + "\n" + titel+ "\n" + person+ "\n" + deadline + "\n" + "omschrijving: " + description);
}
}
}
function selectedRowtoinput()
{
for(var i =1; i< table.rows.length; i++)
{
table.rows[i].onclick = function()
{
rIndex = this.rowIndex;
document.getElementById("Item").value =this.cells[0].innerHTML;
document.getElementById("person").value =this.cells[1].innerHTML;
document.getElementById("deadline").value =this.cells[2].innerHTML;
}
}
}
selectedRowtoinput();
我无法从以下位置获取数据： 变量描述 = document.getElementById("description").value;
console.log(description);
我只是得到一个空行。我从其他 3 人那里得到信息，除了这个……
【问题讨论】：
-
无法重现，在我的浏览器上运行正常，你可能做错了什么
-
你对
console.log(description);有什么期望？ -
我希望您在输入字段“描述”中输入的值。
-
function selectedcell().. 我得到所有的值（var people，var feedback 和 var Titel，但我不能最后一个“描述”......如果我 console.log 它得到一个空行。
标签： javascript html function