jQuery使用％0A在新行上显示URL参数

Question

我正在尝试将网址中的参数显示为hidden input field到li。这个位工作正常，空格%20的ASCII值也是如此。即.html?line1=sample%20text%201&line2=sample%20text%202输出：sample text 1 sample text 2。

问题是，当我尝试在网址中添加%0A以将长文本输出到新行时...此位不起作用。我似乎无法将参数显示在新行上。我在这里和谷歌上查了一些问题，但我无法修复它。

这是我正在处理的代码：

function getQueryVariable(variable) {
        try {
            q = location.search.substring(1);
            v = q.split("&");
            for (var i = 0; i < v.length; i++) {
                p = v[i].split("=");
                if (p[0] == variable) {
                    if (p[1].indexOf('%20') != -1 && p[1].indexOf('%0A') != -1) {
                        return decodeURIComponent(p[1]);
                    }
                    else {
                        return p[1];
                    }
                }
            }
        }
        catch (e) {
            console.log(e);
        }
    }

getQueryVariable("line1");
getQueryVariable("line2");
getQueryVariable("line3");

提前致谢。

编辑：

$(document).ready(function () {
        $(function () {
            $('#input1').val(getQueryVariable('line1')).trigger('keyup');
        });
        $('#input1').on('keyup', function () {
            var value = $(this).val();
            $("li#one").text(value);
        });
    });

<input type="hidden" id="input1" />
<ul id="texts">  
        <li id="one"></li>
</ul>