wwcljs 2012-06-14 12:38
浏览 230
已采纳

怎么编写javascript查询和删除按钮或者事件的操作啊！！！

:cry: :cry: 小弟比较菜，最近在学习javascript。但是遇到了一些问题不知道如何解答，求大神们看看！！！！在html中输入输入姓名，email，电话等这样基本的信息，然后点提交后会在下面显示出刚才的输入结果，然后后面有按钮可以选择删除掉这条信息。有一个查找按钮，文本框里输入要查找的信息，如果找到直接显示出来，如果没有alert提示查找失败。这些在一个页面上实现就行。谢谢了！！！！！ :cry: :cry: :cry:

  • 写回答

2条回答 默认 最新

  • 流年轻描淡写的伤 2012-06-19 18:09
    关注

    [code="jsp"]
    <%@ page contentType="text/html; charset=UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>


    javascript的增删改查
    <br> /**<br> * 删除字符串左右两端的空格<br> <em>/<br> String.prototype.trim= function()<br> {<br> return this.replace(/(^\s</em>)|(\s*$)/g, &quot;&quot;);<br><br> }</p> <pre><code> /** * 提交信息 */ function submitValue(){ var trId=Math.random(); //产生一个随机数作为这一行的id var table = document.getElementById(&quot;displayText&quot;); var name = document.getElementById(&quot;name&quot;).value.trim(); var sex = document.getElementById(&quot;sex&quot;).value.trim(); var age = document.getElementById(&quot;age&quot;).value.trim(); var telephone = document.getElementById(&quot;telephone&quot;).value.trim(); row = table.insertRow(); //增加行 for(i=0;i&lt;5;i++){ cell = row.insertCell(); } row.id=trId; //将随机数赋给行id row.cells[0].innerHTML = name.length&gt;0?name:&quot;&amp;nbsp;&quot; ; row.cells[1].innerHTML = sex.length&gt;0?sex:&quot;&amp;nbsp;&quot;; row.cells[2].innerHTML = age.length&gt;0?age:&quot;&amp;nbsp;&quot;; row.cells[3].innerHTML = telephone.length&gt;0?telephone:&quot;&amp;nbsp;&quot;; row.cells[4].innerHTML = &quot;&lt;button onclick=&#39;delText(\&quot;&quot;+trId+&quot;\&quot;);&#39;&gt;删除&lt;/button&gt;&quot;; reset(); //重置输入框（自定义寒暑） } /** * 重置name等输入框信息 */ function reset(){ document.getElementById(&quot;name&quot;).value=&quot;&quot;; document.getElementById(&quot;sex&quot;).value=&quot;&quot;; document.getElementById(&quot;age&quot;).value=&quot;&quot;; document.getElementById(&quot;telephone&quot;).value=&quot;&quot;; } /** * 删除信息 根据行id删除行 */ function delText(trId){ var table = document.getElementById(&quot;displayText&quot;); for(i=0;i&lt;table.rows.length;i++){ if(table.rows[i].id==trId){ table.deleteRow(i); } } } /** * 查询信息 */ function checkValue(){ var table = document.getElementById(&quot;displayText&quot;); var check = document.getElementById(&quot;check&quot;).value.trim(); //将每行第一列数据和查询信息比较，不同的将这一行隐藏 for(i=1;i&lt;table.rows.length;i++){ if(check.length==0){ //如果没有输入查询信息，显示所有行 table.rows[i].style.display=&quot;block&quot;; }else if(table.rows[i].cells[0].innerText!=check){ table.rows[i].style.display=&quot;none&quot;; }else{ table.rows[i].style.display=&quot;block&quot;; } } } &lt;/script&gt; </code></pre> <p></head><br> <body><br> <h3>javascript</h3> <br><br> 姓名：<input type="text" id="name"><br> 性别：<input type="text" id="sex"><br> 年龄：<input type="text" id="age"><br> 电话：<input type="text" id="telephone"><br> <button onclick="submitValue()">提交</button><hr /><br> 查询姓名：<input type="text" id="check"> &nbsp;&nbsp; <button onclick="checkValue()">查询</button><br /><br /> <br> <table id="displayText" border="2" cellspacing="0" cellpadding="0"><br> <tr><br> <td width="150" height="20">姓名</td><br> <td width="150" height="20">性别</td><br> <td width="150" height="20">年龄</td><br> <td width="150" height="20">电话</td><br> <td width="150" height="20">操作</td><br> </tr><br> </table><br> </body><br> </html><br> [/code]<br> 将第一行第二行删掉，可以保存成html，这个是纯js写出来的，如果要用ajax的话，得涉及后台，servlet之类的</p>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

悬赏问题

  • ¥15 fluent的在模拟压强时使用希望得到一些建议
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services
  • ¥15 关于#c语言#的问题：我现在在做一个墨水屏设计，2.9英寸的小屏怎么换4.2英寸大屏
  • ¥15 模糊pid与pid仿真结果几乎一样
  • ¥15 java的GUI的运用
  • ¥15 Web.config连不上数据库
  • ¥15 我想付费需要AKM公司DSP开发资料及相关开发。
  • ¥15 怎么配置广告联盟瀑布流
  • ¥15 Rstudio 保存代码闪退