Jquery 将文本区域文本加载到输入框中

Jquery 将文本区域文本加载到输入框中,jquery,html,Jquery,Html,对于我的网站,用户可以提供曲目列表。 到目前为止,它的工作,但我希望功能的textarea到textbox功能 因此,人们将粘贴从文本文件复制到文本区域,在该区域中,convert按钮读取该文本,并将适当的艺术家/曲目放置在输入框中 因此,如果用户输入: Artist1 - Track1 Artist2 - Track2 Artist3 - Track3 Artist4 - Track4 jquery代码应该将这些内容放在输入框中,艺术家和曲目在其中分开 我怎样才能做到这一点 提前谢谢 这就

对于我的网站,用户可以提供曲目列表。 到目前为止,它的工作,但我希望功能的textarea到textbox功能

因此,人们将粘贴从文本文件复制到文本区域,在该区域中,convert按钮读取该文本,并将适当的艺术家/曲目放置在输入框中

因此,如果用户输入:

Artist1 - Track1
Artist2 - Track2
Artist3 - Track3
Artist4 - Track4
jquery代码应该将这些内容放在输入框中,艺术家和曲目在其中分开

我怎样才能做到这一点


提前谢谢

这就行了。不需要转换按钮。只需收听
输入
事件:

$('textarea')。在('input',function()上{
var sp=this.value.split(/[\r\n]/);
sp.forEach(函数(值,i){
var sp=价值分割(/*-*/);
$('.tr').eq(i).find('input').eq(0).val(sp[0]);
$('.Artists tr').eq(i).find('input').eq(1).val(sp[1]);
});
});
textarea{
宽度:90%;
身高:6em;
}
.艺术家td:N个孩子(1):之前{
内容:“艺术家”;
显示:块;
字体:9px verdana;
颜色:棕色;
}
.艺术家td:N个孩子(2):之前{
内容:“轨道”;
显示:块;
字体:9px verdana;
颜色:棕色;
}
输入{
宽度:20em;
}


这项功能几乎完美无瑕,谢谢!然而,它并没有在“-”上分开,我如何才能做到这一点?因此,它将在“空白-空白”上拆分。当连字符的两边都有零个或多个空格时,它应该拆分。当有一个或多个空格时,您更喜欢拆分它吗?它应该特别在“空白”-“空白”上拆分。现在,它只在两边有一个不带空白的“-”时才拆分。通过“空白”,您是包括制表符,还是只包括空格条?最好是所有空白,因此,如果粘贴的文本是Artist1-Track2,则输入框将填充Artist1(左框)Track2(右框)