html - 将用户输入从 textarea（所有行）传递到 URL

Question

我知道如何只将文本区域的第一行传递给 URL。但是是否可以将用户可能插入的所有行传递给 URL？可能我需要 javascript。

<form id="form1" action="http://site.com/" target="_blank">
<textarea rows="5" name="abc"></textarea>
<button type="submit">Submit</button>
</form>

http://jsfiddle.net/PE8Ly/

Answer 1

昆汀是对的。您的代码已经传递了textarea元素的整个文本。

site.com删除多余的内容。

尝试改变你的

action="http://site.com"

至

action="http://localhost"

或类似的东西，您会注意到%0D%0A由于 URL 编码，整个内容以行分隔的方式传递。

小提琴

%0D是为了carriage return并且%0A是为了line feed

因此，您需要在实际接收数据的页面上相应地解析数据。

Answer 2

尝试这个。我对 Özkan ÖZLÜ 代码做了一些更改

$(function()
  {
  $("#btn_go").click(
  function()
      {
          var txt = "line1=" + $("textarea").val();

            for(i = 0; i < $("textarea").attr("rows"); i++)
            {
                txt = txt.replace("\n","&line" + (i+2) + "=");
            }                      
          $("form").attr("action", "?" + txt);          
      }
  );
});

Answer 3

小提琴在这里

这是我使用 jQuery 的尝试：

HTML

<form action="http://site.com" action="get" target="_blank">
    <textarea rows="10" cols="30"></textarea>
    <input type="button" value="go" id="btn_go" />
</form>
<div></div>

JS

$(function () {
$("#btn_go").click(

function () {
    var txt = "line1=" + $("textarea").val();
    var lines = txt.split(/\r|\r\n|\n/);
    var count = lines.length;

    for (i = 0; i < count; i++) {
        txt = txt.replace("\n", "&line" + (i + 2) + "=");
    }
    $("div").html(txt);
    window.location.href = $("form").attr("action") + "?" + txt;
});
});