该页面实现的是动态表格的效果,当用户在文本框中输入心脏品牌名称,单击“确认”按钮,在下方的表格中直接显示出新增的信息,同时用户在动态表格中选择了对应的品牌,单击“删除”按钮,则将从表格中删除对应的品牌信息,
但是我这个点击添加之后没有任何反应,请给位给看看那里出了问题
- JScript code
<script type="text/javascript"> //增加品牌函数 function addsort() { var name = document.getElementById("name").value(); if (name == "") { return; } var row = document.createElement("tr"); row.setAttribute("id", name); var cell = document.createElement("td"); cell.appendChild(document.createTextNode(name)); row.appendChild(cell); var deletebutton = document.createElement("input"); deletebutton.setAttribute("type", "button"); deletebutton.setAttribute("value", "删除"); deletebutton.onclick = function() { deletesort(name); }; cell = document.createElement("td"); cell.appendChild(deletebutton); row.appendChild(cell); document.getElementById("sortlist").appendChild(row); //清空输入框 document.getElementById("name").value = ""; } //删除品牌函数 function deletesort(id) { if (id != null) { var rowtodelete = document.getElementById(id); var sortlist = document.getElementById("sortlist"); sortlist.removeChild(rowtodelete); } }</script><table style="border-collapse: collapse;" bordercolor="#111111" cellspacing="0" cellpadding="2" width="400" bgcolor="#f5efe7" border="0"> <tr> <td align="center" height="4" colspan="3"></td> </tr> <tr> <td align="center" bgcolor="#bdc2b0" height="19" colspan="3"><b>品牌信息管理</b> </td> </tr> <tr> <td height="20">增加新品牌</td> <td height="20"><input type="text" id="name"></td> <td height="20"><input type="button" onclick="addsort();" value="添加" alt=""></td> </tr> <tr> <td height="20">品牌信息管理</td> </tr> <table border="1" width="400"> <tr> <td height="20" valign="top" align="center">品牌名称:</td> <td id="pos_1" height="20">操作</td> </tr> <tbody id="sortlist"></tbody> </table></table></head>
------解决方案--------------------
把var name = document.getElementById("name").value();改成var name = document.getElementById("name").value;就可以了!!!