当前位置: 代码迷 >> Java Web开发 >> 动态表格点击添加之后,没有响应,该如何处理
  详细解决方案

动态表格点击添加之后,没有响应,该如何处理

热度:192   发布时间:2016-04-17 11:12:11.0
动态表格点击添加之后,没有响应
该页面实现的是动态表格的效果,当用户在文本框中输入心脏品牌名称,单击“确认”按钮,在下方的表格中直接显示出新增的信息,同时用户在动态表格中选择了对应的品牌,单击“删除”按钮,则将从表格中删除对应的品牌信息,

但是我这个点击添加之后没有任何反应,请给位给看看那里出了问题

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;就可以了!!!