0

これまでのところ、入力ボックスの値を変更することはできませんでした。私はそれをしたいですか？最初のボックスからテキストを取得したい。ボタンをクリックすると、それが分割され、2 番目と 3 番目のボックスに追加されます。

私は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>
4

1 に答える 1

0

これはあなたのために働くはずです

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について

于 2013-04-29T22:23:54.123 に答える