多行替换jQuery textarea

Question

我对以下脚本有疑问，显然在一行​​代码时效果很好，但如果要替换几行代码则不起作用：（

一行代码：

多行代码

结果应为：

http://www.domain.com/myimages/123/123_small.jpg
http://www.domain.com/myimages/456/456_small.jpg
http://www.domain.com/myimages/789/789_small.jpg

的jsfiddle：

http://jsfiddle.net/mxk6fLpg/

<h3>Enter:</h3>

<textarea value="" id="enter"></textarea>
<h3>Result:</h3>

<textarea class="disable" id="result"></textarea><br />
<input type="reset" value="Resetear" class="button reset" />

$('#enter').keyup(function () {
    var url = 'http://www.domain.com/myimages/' + $(this).val() + '/' + $(this).val() + '_small.jpg';
    var result = url;
    $('#result').html(result);
});

Answer 1

可能有更好的方法来实现它，但是，您可以使用换行符拆分字符串并在新行中显示每个换行符。要完成此任务，请修改以下代码：

$('#enter').keyup(function () {
    var eachLine = $(this).val().split('\n');
    var result = '';       
    for(var i=0;i<eachLine.length;i++){
        var url = 'http://www.domain.com/myimages/' + eachLine[i] + '/' + eachLine[i] + '_small.jpg';
        result = result + url + '\n';
    }        
    $('#result').html(result);
});

以下是演示：http://jsfiddle.net/mxk6fLpg/2/