js实现通过文本框一行行录入textarea！ 130
如图所示效果选中一个日期同时也录入到了右边的textarea里另外还可以选中右边的日期进行删除！...
如图所示效果
选中一个日期
同时也录入到了右边的textarea里
另外还可以选中右边的日期进行删除！ 展开
选中一个日期
同时也录入到了右边的textarea里
另外还可以选中右边的日期进行删除！ 展开
3个回答
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
右边用多行选择框
<SELECT NAME="toppings" multiple="multiple" SIZE="5">
<SELECT NAME="toppings" multiple="multiple" SIZE="5">
更多追问追答
追问
我想把左边的值传入到右边JS如何写！
在选中日期同时日期传入到右边！
追答
function toTextarea(){
var left = document.getElementById("left").value; //获取左边的值
document.getElementById("textarea").value += (left+"\n");
}
function toSelect(){
var left = document.getElementById("left").value; //获取左边的值
var newNode = document.createElement("option");
newNode.innerHTML = left;
document.getElementById("select").appendChild(newNode);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你使用的日起插件的名字是？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
