从文本框输入中添加字符串

时间:2017-10-17 06:05:42

标签: javascript jquery asp.net

我有一个textbox1,由用户和textbox2输入,供用户输入数字,可以自动生成textbox1值为多个字符串,如下例所示:

variant = {
    variantName: 'Material',
    variantItems: ['Plastic','Wood', 'Ceramic']
}
variants.push(variant)

结果将是

Txtbox1 = ABC12345
Txtbox2 = 3

2 个答案:

答案 0 :(得分: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" />

答案 1 :(得分:0)

您只需使用按钮并应用点击事件。

&#13;
&#13;
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)
}
&#13;
<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>
&#13;
&#13;
&#13;