Javascript 这是我的“添加到购物车”代码，当我单击“添加到购物车”时，它会给我额外的空行，而我没有'；我不想要

这是用户输入的表格代码：

<table id = "form">
<td> <select name = "Colour" id ="Colour">
<option>blue</option>
<option>pink</option>
<option>orange</option>
<option>red</option>
</select></td>
<td> <select name = "Organize" id ="Organize">
<option>preethi enterprise</option>
<option>prasanna enterprise</option>
</select></td>
<td> <input type ="text" name ="Company" id ="Company"></td>
<td><input type ="text" name ="Subdivision" id ="Subdivision"></td>
</table>

当我尝试向表中添加新行时，首先会添加一个空行

只有当用户单击“添加到购物车”时，才应添加该行

此外，当用户尝试添加空行时，应显示一条错误消息

---

你能帮我吗？

你可以

隐藏表的第一行。然后，无论何时调用
addTo（）
，你都可以取消隐藏该行以对其进行克隆，并在克隆后再次隐藏它，否则就需要在js代码中再次创建整个
行

演示代码：


函数addTo（）{//添加行并将值复制到购物车
if（（document.getElementById（“颜色”）.value==”）|（document.getElementById（“组织”）.value==”）|（document.getElementById（“公司”）.value==”）|（document.getElementById（“细分”）.value==”）{
//显示错误消息
document.getElementById（“message”）.innerHTML=“所有必填字段”；
}否则{
//取消隐藏第一行以克隆它
document.getElementById（'show'）.style.display=“”；
document.getElementById（“消息”）.innerHTML=“”；
var table=document.getElementById（'cart'）；
var new_row=table.rows[1].cloneNode（true）；//克隆第一行
var len=table.rows.length；//表中的行数
var inp1=new_row.cells[0].getElementsByTagName（'input'）[0]；
inp1.value=document.getElementById（“颜色”）.value；
var inp2=new_row.cells[1]。getElementsByTagName（'input'）[0]；
inp2.value=document.getElementById（“组织”）.value；
var inp3=new_row.cells[2]。getElementsByTagName（'input'）[0]；
inp3.value=document.getElementById（“公司”）.value；
var inp4=new_row.cells[3]。getElementsByTagName（'input'）[0]；
inp4.value=document.getElementById（“细分”）.value；
表.appendChild（新的_行）；
//克隆后再次隐藏
document.getElementById（'show'）.style.display='none'；
}
}
p{
颜色：#f44336；
}

蓝色
粉红色
橙色
红色
普里西企业
普拉桑纳企业
添加到购物车
颜色
组织
单位
细分
您可以
隐藏表的第一行。然后，无论何时调用
addTo（）
，您都可以取消隐藏该行以对其进行克隆，克隆后再次隐藏该行，否则将在js代码中再次创建整个
行

演示代码：


函数addTo（）{//添加行并将值复制到购物车
if（（document.getElementById（“颜色”）.value==”）|（document.getElementById（“组织”）.value==”）|（document.getElementById（“公司”）.value==”）|（document.getElementById（“细分”）.value==”）{
//显示错误消息
document.getElementById（“message”）.innerHTML=“所有必填字段”；
}否则{
//取消隐藏第一行以克隆它
document.getElementById（'show'）.style.display=“”；
document.getElementById（“消息”）.innerHTML=“”；
var table=document.getElementById（'cart'）；
var new_row=table.rows[1].cloneNode（true）；//克隆第一行
var len=table.rows.length；//表中的行数
var inp1=new_row.cells[0].getElementsByTagName（'input'）[0]；
inp1.value=document.getElementById（“颜色”）.value；
var inp2=new_row.cells[1]。getElementsByTagName（'input'）[0]；
inp2.value=document.getElementById（“组织”）.value；
var inp3=new_row.cells[2]。getElementsByTagName（'input'）[0]；
inp3.value=document.getElementById（“公司”）.value；
var inp4=new_row.cells[3]。getElementsByTagName（'input'）[0]；
inp4.value=document.getElementById（“细分”）.value；
表.appendChild（新的_行）；
//克隆后再次隐藏
document.getElementById（'show'）.style.display='none'；
}
}
p{
颜色：#f44336；
}

蓝色
粉红色
橙色
红色
普里西企业
普拉桑纳企业
添加到购物车
颜色
组织
单位
细分
如果您与plunkr共享您的代码，将很容易解决您的问题。如果您指定需要哪些字段，我们需要更多代码来解决您的问题，请提供pls。我将代码存储在这个链接中，你可以看到第一次添加了空行。我不希望添加空行。请帮助我。如果你与plunkr共享代码，将很容易解决你的问题。你可以指定需要哪些字段。我们需要更多代码来解决你的问题，请提供pls。我在这个链接中存储了代码，你可以看到空行第一次被添加，我不想添加那个空行。请帮助我，请帮助我，因为上面的代码是错误测试，我需要一个弹出框来显示，所以我如何才能做到这一点，请帮助我，因为上面的代码是错误的错误测试正在显示我需要一个弹出框来显示，所以我如何才能实现这一点请帮助我
<table id="cart">
<tr>
<th><label>Colour</label></th>
<th><label>Organize</label></th>
<th><label>Company</label></th>
<th><label>Subdivision</label></th>
</tr>
<tr>
<td><input type = "text" readonly></td>
<td><input type = "text" readonly></td>
<td><input type = "text" readonly></td>
<td><input type = "text" readonly></td>
<td><input type ="button" value ="remove" onclick="remove(this)"/></td>
</tr>
</table>

function addTo() { // to add rows and copy value to cart
  var table = document.getElementById('cart');
  var new_row = table.rows[1].cloneNode(true); // clones the first row 
  var len = table.rows.length;  // number of rows in table
  var inp1 = new_row.cells[0].getElementsByTagName('input')[0];
  inp1.value = document.getElementById("Colour").value;
  var inp2 = new_row.cells[1].getElementsByTagName('input')[0];
  inp2.value = document.getElementById("Organize").value;
  var inp3 = new_row.cells[2].getElementsByTagName('input')[0];
  inp3.value =  document.getElementById("Company").value;
  var inp4 = new_row.cells[3].getElementsByTagName('input')[0];
  inp4.value = document.getElementById("Subdivision").value;
  table.appendChild(new_row);
}