添加串

Question

我具有輸入由用戶1和TextBox用於用戶輸入數字，其可以自動生成TextBox1中值成多個字符串，如下面的例子一個TextBox1中：

Txtbox1 = ABC12345 
Txtbox2 = 3 

結果將是

ABC12345-1 
ABC12345-2 
ABC12345-3 

Answer 1

你可以使用按鈕和應用點擊事件。

function getString() { 
 
    var finalString = []; 
 
    var t = $("#textbox1").val() 
 
    var n = $("#textbox2").val(); 
 
    if (t.toString().trim() != "") { 
 
    for (i = 0; i < n; i++) { 
 
     finalString.push(t + "-" + (i + 1)) 
 
    } 
 
    } 
 
    console.log(finalString) 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
Text : <input type="text" id="textbox1"><br><br> Number : <input type="text" id="textbox2"> 
 

 
<button type="button" onClick="getString()" id="textbox1">Get</button>

Answer 2

您可以嘗試使用類似下面的內容，但有點難以使其達到100％，因爲您尚未顯示任何HTML。

$("[id^=Txbox]").keyup(function() { 
 
    var empty = $("[id^=Txbox]").filter(function() { 
 
    return $.trim($(this).val()).length == 0 
 
    }).length == 0; 
 
    if (empty) { 
 
    var str = $("#Txbox1").val(); 
 
    var number = $("#Txbox2").val(); 
 
    var arr = []; 
 
    for (i = 0; i < number; i++) { 
 
     arr.push(str + "-" + i) 
 
    } 
 

 
    console.log(arr) 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="Txbox1" /> 
 
<input id="Txbox2" type="number" />