js 在一个table中,能够实现在文本框中输入数值,点击按钮,删除数值所在的一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 在一个table中,能够实现在文本框中输入数值,点击按钮,删除数值所在的一行相关的知识,希望对你有一定的参考价值。

参考技术A <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>
<script language="javascript">
var trno = 1;
function del(tNme,rNme)
var mytable = document.getElementById(tNme);
var myrow = document.getElementById(rNme);
mytable.deleteRow(myrow.rowIndex);

function add(tNme)
var tabNme = document.getElementById(tNme);
var rowlen=tabNme.rows.length;
if(rowlen==0)
trno = 1;

var mytr = tabNme.insertRow();
mytr.setAttribute("id","tr"+trno); //设置id
var mytd_1=mytr.insertCell(); //第1列
var mytd_2=mytr.insertCell(); //第2列
mytd_1.innerHTML="输入值<input type='text' name='name1' value='望采纳!'/>";

mytd_2.innerHTML="<input name='b' type='button' value='删除该行' onClick=\"javascript:del('tab','tr"+trno+"')\">";
trno++;

</script>
</head>
<body>
<table id="tab" >
<tr>
<td>
<input name="b" type="button" value='添加行' onClick="javascript:add('tab')">
</td>
</tr>
<tr height="30px" id = "tr1">
<td>输入值
<input type="text" name="name1" value="望采纳!"/>
</td>
<td>
<input name="b" type="button" value='删除该行' onClick="javascript:del('tab','tr1')">
</td>
</tr>
</table>
</body>
</html>追问

以上是html代码,要实现的内容是:在第一个文本中输入数值,点击删除按钮,删除对应的一行,在第二个文本中输入数值,点击添加按钮,添加的一行,在第三个文本中输入数值,点击查找按钮,查找出对应的数值,没有的另作处理,有的话,找出来,并显示在第几行第几列,真的不会,急求,谢谢先辈,,字数太多被限制了,所以html代码,被分开了,

本回答被提问者和网友采纳
参考技术B 发v共患难规范年高仿个追问


123
456
789

通过键入选择组合框中的项目

【中文标题】通过键入选择组合框中的项目【英文标题】:Selecting an item in comboBox by typing 【发布时间】:2012-04-28 14:23:39 【问题描述】:

我有一个包含数百个项目的组合框。用户必须能够在组合框中键入文本。当用户键入文本时,必须选择或列出以键入值开头的项目。用户必须能够连续打字。我的 ComboBox DropDownStyle 是 DropDownList

例如: 通过键入在组合框中选择名称时,它只允许一个字母。因此,如果我输入“A”,它将跳转到以“A”开头的第一个字母。当我连续键入时,组合框选定的项目会根据当前按键发生变化。如果我按“As”,组合框会查看以“s”开头的项目。

我正在使用 Win Forms。

提前谢谢..

【问题讨论】:

WPF?表格? ASP.NET ? 发布了类似的问题 [这里][1] [1]:***.com/questions/2257899/… 使 DropDownStyle 'DropDown' ...和 ​​AutoCompletStyle 'Suggest' 【参考方案1】:
comboBox1.DropDownStyle = System.Windows.Forms.ComboBoxStyle.DropDown;
comboBox1.AutoCompleteMode = AutoCompleteMode.SuggestAppend;
comboBox1.AutoCompleteSource = AutoCompleteSource.ListItems;

【讨论】:

您也可以使用这些自动完成选项通过DropDownStyleDropDownList 执行此操作 - 它只是不会显式地向用户显示他们迄今为止键入的键。但是,如果您想保持 ComboBox.Items 不可变,那就太好了。 应该先设置Source再设置Mode,否则会抛出NotSupportedException。然后完美运行 完美解决方案 这称为“增量组合框搜索”,仅供参考。 如果你使用DropDownList作为你的DropDownStyle,你需要相对较快的键入,以便后面的字母继续过滤。您不能输入第一个字母,查看并思考,然后输入第二个字母。组合框将第二个字母作为全新搜索的开始。【参考方案2】:

您必须连接到 TextChanged 事件。当文字 更改,过滤列表(使用 DataView)并获取第一个文本 结果,将组合框的文本设置为该文本。你必须有一个 当然检查你的处理程序,以确定是否处理 事件(当您更改文本时,将触发另一个 TextChanged 事件)。 当然,您还想突出显示他们输入的文本,并且 将插入符号放在适当的位置。

【讨论】:

你的方法太复杂了。

以上是关于js 在一个table中,能够实现在文本框中输入数值,点击按钮,删除数值所在的一行的主要内容,如果未能解决你的问题,请参考以下文章

如何实现textinput控制和识别

如何在文本框中输入后编辑十进制数

用JAVA制作一个小程序,计算两个数的加减乘除,用Applet实现

如何限制在 MFC 的文本框中键入的字符数?

通过键入选择组合框中的项目

js+css+html自动放大文本框中输入的内容