js实现通过文本框一行行录入textarea!

发布网友发布时间：2022-04-23 15:59

共4个回答

懂视网时间：2022-04-23 20:20

本文实例讲述了JS给Textarea文本框添加行号的方法。分享给大家供大家参考。具体如下：

这里使用JS实现让Textarea文本框显示行号的功能，每一行的前面都会有下数字序号，如果用来显示代码的话，可以直接找到某一行，如果不显示行号，则还要自己手功去查，想要此功能，你只需设置好TextArea ID，并加入代码中的JavaScript代码部分即可，文本框的长宽则是由CSS来控制的，你可试着修改一下，长宽的显示要与JS相匹配。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-textarea-show-row-num-codes/

具体代码如下：

热心网友时间：2022-04-23 17:28

<body>
<input type="text" id="date" style="position:relative; vertical-align:top;" /> <select multiple="multiple" id="textarea" style="position:relative; width:120px; height:150px; vertical-align:top; border:1px solid #cccccc;"></select>
<script>
var date=document.getElementById("date"),textarea=document.getElementById("textarea");
date.onkeypress=function(e){
var ev=e||window.event;
if(ev.keyCode==13)
{/*在输入框按回车就是录入数据*/
record(this.value);
}
}
textarea.ondblclick=function(e)
{/*双击数据即是删除*/
var index=this.selectedIndex;
if(confirm("确定要删除当前项？"))
{
remove(index);
}
}
function record(value)
{/*录入数据*/
if(!value)
{
return;
}
var option=document.createElement("option");
option.value=value,option.innerHTML=value;
textarea.appendChild(option);
}
function remove(index)
{/*删除选中项*/
textarea.remove(index);
}
</script>
</body>

热心网友时间：2022-04-23 18:46

右边用多行选择框
<SELECT NAME="toppings" multiple="multiple" SIZE="5">

热心网友时间：2022-04-23 20:21

你使用的日起插件的名字是？