的Javascript（無庫）拆分文本來填充文本框與不同的文本

-1

我想要做的就是拆分文本，這已經是在文本框中。我希望它被放入一個變量。然後，因爲有2個盒子，我想第一個盒子裝滿1 2 3 4 5.第二個盒子裝滿6 7 8 9 10.或者第一個盒子裝入1 3 5 7 9，第二個盒子裝入2 4 6 8 10.無論哪種方式最好/最簡單。

這是我到目前爲止嘗試過的。

代碼：

<HTML> 
    <HEAD> 
    <SCRIPT LANGUAGE="JavaScript"> 
     var split_text; 
     var urls_1; 
     var numbercount=0; 
     var totals; 
     var half_totals; 
     function addto_boxes(form) { 
     split_text = document.getElementById("text_to_split").value; 
     urls_1 = split_text.split(" ", 100000); 
     totals = urls_1.lenght - 1; 
     half_totals = (totals/2); 
     while (numbercount <= half_totals){ 
      if (numbercount >= half_totals){ 
      numbercount = 0; 
      break; 
      document.getElementById("input_box1").value = document.getElementById("input_box1").value + urls_1[numbercount] + " "; 
      document.getElementById("input_box2").value = document.getElementById("input_box2").value + urls_1[numbercount + half_totals] + " "; 
      numbercount++ 
     } 
     } 
    </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">1 2 3 4 5 6 7 8 9 10 </textarea> 
    <BR> 
    <FORM NAME="myform" ACTION="" METHOD="GET">Put 1st urls in this box (Separated by a space): 
     <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>

來源

2013-04-30 Brent Smith

你有一個拼寫錯誤：'totals = urls_1.lenght - 1;'應該是**長度** – Ian 2013-04-30 02:24:39

LMFAO！去展示......一件小事。當然，如果沒有拼寫錯誤，它可以完美工作。 Somwe時間，它需要另一組眼球看到這樣的東西。感謝您的支持！ – 2013-04-30 02:28:41

它應該確實是'

對於交替兩個，則可以嘗試的算法是這樣的：

for (var i = 0; i < n; i++) { 
     if (i % 2 == 0) a.push(arr[i]); 
     else b.push(arr[i]); 
    }

假設arr是所有的數字並且n的陣列是arr長度。要將數組轉換爲字符串，請使用a.join(' ')並相應地設置HTML內容。

來源

2013-04-30 02:34:09

相關問題