表单文本区创建一个 URL

如何解决表单文本区创建一个 URL

我在这里有一个非常简单的需求。

我想要一个文本区域，其中填充一行 ID - 每个 ID 将在一个新行上。

如何从中生成 URL？

12345
09876

提交后应生成为https://xx.com/12345&09876

我一直在使用这个 Form value creates a URL 并将其更改为文本区域，但无法将每个换行符更改为 url 字符串中的“&”。

任何帮助都会很棒！

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "https://google.com/" + page;
    }
    
</script>
<textarea name="textarea" style="width:250px;height:150px;" id="page"></textarea>
<input type="submit" value="submit" onclick="goToPage();" />

解决方法

可以用\n分割得到每一行的字符，用&连接，然后去掉最后一个字符：

var url = txt.value.split("\n").join("&").slice(0,-1);
console.log(url);

<textarea id="txt">
12345
09876
</textarea>

在表单的情况下：

txt.addEventListener('input',function(){
  form.action = txt.value.split("\n").join("&").slice(0,-1);
  console.log(form.action);
})

<textarea id="txt">
12345
09876
</textarea>
<form id="form">
<button>Submit</button>
</form>

---

在您的特定情况下：

<textarea name="textarea" style="width:250px;height:150px;" id="page"></textarea>
<input type="submit" value="submit" onclick="goToPage();" />
<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById("page").value.split("\n").join("&");
        alert(page);
        window.location = "https://google.com/" + page;
    }
    
</script>

,

您可以使用 JavaScript 替换函数替换字符串中的文本，如下所示：

var newString = oldString.replace(/(\r\n|\r|\n)/g,'&');

这一行采用字符串变量 oldString（它应该包含所有换行符的数据）并将所有换行符更改为＆符号。它使用一种叫做 Regular Expression 的东西来查找所有的换行符。

对于您的 HTML：

<script type="text/javascript">
    function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "https://google.com/" + page.replace(/(\r\n|\r|\n)/g,'&');
    }
    
</script>
<textarea name="textarea" style="width:250px;height:150px;" id="page"></textarea>
<input type="submit" value="submit" onclick="goToPage();" />

,

尝试按 \n 分割您的文本区域：

var split_text = your_text_area.split("\n"); // Replace your_text_area

文本区传递的字符串会被\n（换行符）分割，每一行都会插入到split_text变量中，该变量是一个数组。

然后，您可以从数组中生成一个 URL，如下所示：

var url = '';

for(let i = 0; i < split_text.length; i++)
{
   url += split_text[i];
   
   if((i+1) != split_text.length) // <-- Not the most optimized way to do it
   {
      url += "&";
   }
}