将url /文本按空格拆分为2个框

Split urls/text by spaces into 2 boxes Javascript Only no libraries

本文关键字：拆分 2个框 空格 url 文本      更新时间：2023-09-26

到目前为止，我还没能让它改变输入框的值。我想让它做什么?我想让它从第一个框中取出文本。当你点击按钮时，将其分割并附加到第二个和第三个框。

我不想使用jquery或任何纯javascript库。

有问题尽管问。

不知道我哪里做错了。看起来应该管用。任何帮助吗?谢谢这是我需要的工作....我不确定这是不是最好的方法，但它确实有效代码

    <HTML>
    <HEAD> 
    <SCRIPT LANGUAGE="JavaScript">
        var urls_1;
        var split_text;
    function addto_boxes(form) {
            var split_text = document.getElementById("text_to_split").value;
            var urls_1 = split_text.split(" ", 100000);
            document.getElementById("input_box1").value = document.getElementById("input_box1").value + urls_1[0] + " ";
            document.getElementById("input_box2").value = document.getElementById("input_box2").value + urls_1[1] + " ";
    }

    </SCRIPT>
    </HEAD>
    <BODY>
    <input id="Split" type="button" value="Add to boxes" onclick="addto_boxes(this.form);"/><Br>
    <textarea NAME="texttosplit" id="text_to_split" VALUE="" rows="4" cols="75"></textarea><Br>

    <FORM NAME="myform" ACTION="" METHOD="GET">Put 1st urls in this box:
    <textarea NAME="inputbox" id="input_box1" VALUE=""rows="4" cols="75"></textarea><Br>
    Put 2nd urls in this box: <Br>
    <textarea NAME="inputbox2" id="input_box2" VALUE=""rows="4" cols="75"></textarea><Br>
    <INPUT TYPE="reset">
    </FORM>
    </BODY>
    </HTML>

应该可以了

HTML 

<input id="Split" type="button" value="Add to boxes" />
<Br>
<textarea NAME="texttosplit" id="text_to_split" VALUE="" rows="4" cols="75"></textarea>
<Br>
<FORM NAME="myform" ACTION="" METHOD="GET">Put 1st urls in this box:
    <textarea NAME="inputbox" id="input_box1" VALUE="" rows="4" cols="75"></textarea>
    <Br>Put 2nd urls in this box:
    <Br>
    <textarea NAME="inputbox2" id="input_box2" VALUE="" rows="4" cols="75"></textarea>
    <Br>
    <INPUT id="reset" TYPE="reset">
</FORM>
Javascript 

var aBox1 = [];
var aBox2 = [];
document.getElementById("Split").addEventListener("click", function () {
    var urls_1 = document.getElementById("text_to_split").value.trim().split(" "),
        url1 = urls_1[0] || "",
        url2 = urls_1[1] || "";
    if (url1.length) {
        aBox1.push(url1);
    }
    if (url2.length) {
        aBox2.push(url2);
    }
    document.getElementById("input_box1").value = aBox1.join(" ");
    document.getElementById("input_box2").value = aBox2.join(" ");
}, false);
document.getElementById("reset").addEventListener("click", function () {
    aBox1.length = 0;
    aBox2.length = 0;
}, false);
在jsfiddle

相关文章：