Javascript 基于文本框输入的动态文本框创建

如果我输入分号，意味着我必须在jQuery中创建一个文本框。我尝试了这段代码，它的流程正确，但没有显示结果

$(document).ready(function (){
        $("#hellotxt").on('keyup', function (event){
            if (event.keyCode == 59)
            {
                var txt = $("#hellotxt").val();
                var valueArray = txt.split(';');
                var valueSortArray = valueArray.sort();
                for (var i = 0; i < valueSortArray.length - 1; i++) {
                    alert("friends");
                    addbox();
                }
            }
        });
});

$（文档）.ready（函数（）{
$（“#hellotxt”）.on（'keyup'，函数（事件）{
如果（event.keyCode==59）
{
var txt=$（“#hellotxt”）.val（）；
var valueArray=txt.split（“；”）；
var valueSortArray=valueArray.sort（）；
对于（变量i=0；i

地址框代码在这里

 function addbox() {
        var table = $(this).closest('table');
        if (table.find('input:text').length >= 0) {
            table.append('<tr> <input type="text" id="current Name" value="" /></td> <td><input type="text" id="current Name" value="" /> </td></tr>');
        }
    }

函数addbox（）{
var table=$（this）.closest（'table'）；
if（table.find（'input:text'）。长度>=0）{
表.附加（“”）；
}
}

我的ASp.Net标记是

<asp:TextBox ID="hellotxt" runat="server" placeholder="hi;ji;ki;li;">    </asp:TextBox>
   <table border="0" cellspacing="2">   
<tr>        
    <td>
        <input type="button" id="add" value="Add" />
        <input type="button" id="del" value="Del" />
    </td>
</tr>

---

检查下面的代码键代码中的“；”是186。检查上的工作示例

$（“#hellotxt”）.on（'keyup'，函数（事件）{
如果（event.keyCode==186）
{
var OBJ=$（本）；
var txt=$（“#hellotxt”）.val（）；
var valueArray=txt.split（“；”）；
var valueSortArray=valueArray.sort（）；
对于（变量i=0；i

在函数中将$（this）（hellotxt对象）作为参数传递

function addbox( OBJ ) {
   var table = OBJ.next('table');

   if (table.find('input').length >= 0) {
    table.append('<tr> <input type="text" id="current Name" value="" /></td> <td><input type="text" id="current Name" value="" /> </td></tr>');
  }
}

功能添加框（OBJ）{
var table=OBJ.next（“表”）；
if（table.find（'input'）。长度>=0）{
表.附加（“”）；
}
}

检查下面的代码键code中的“；”是186。检查上的工作示例

$（“#hellotxt”）.on（'keyup'，函数（事件）{
如果（event.keyCode==186）
{
var OBJ=$（本）；
var txt=$（“#hellotxt”）.val（）；
var valueArray=txt.split（“；”）；
var valueSortArray=valueArray.sort（）；
对于（变量i=0；i

在函数中将$（this）（hellotxt对象）作为参数传递

function addbox( OBJ ) {
   var table = OBJ.next('table');

   if (table.find('input').length >= 0) {
    table.append('<tr> <input type="text" id="current Name" value="" /></td> <td><input type="text" id="current Name" value="" /> </td></tr>');
  }
}

功能添加框（OBJ）{
var table=OBJ.next（“表”）；
if（table.find（'input'）。长度>=0）{
表.附加（“”）；
}
}

您将从这段代码中得到答案。请大家检查一下

$(document).ready(function (){
  //page load
    $("#hellotxt").on('keypress', function (event) {
        console.log(event.which)
        if (event.which == 59 || event.which == 186) {
            var txt = $("#hellotxt").val();
            var valueArray = txt.split(';');
            var valueSortArray = valueArray.sort();
            for (var i = 0; i < valueSortArray.length - 1; i++) {
                addbox.call(this, valueSortArray);
            }
        }
    });

 function addbox(valueSortArray) {
 var table = $(this).next('table').find("tbody");
 table.find(".dyn").remove()
 $.each(valueSortArray, function (i, v) {
 console.log(i,v)
 if (v)
     table.append('<tr class="dyn"><td><input type="text"  value="' + v + '" /></td></tr> ');
})

$（文档）.ready（函数（）{
//页面加载
$（“#hellotxt”）.on（'keypress'，函数（事件）{
console.log（event.which）
if（event.which==59 | | event.which==186）{
var txt=$（“#hellotxt”）.val（）；
var valueArray=txt.split（“；”）；
var valueSortArray=valueArray.sort（）；
对于（变量i=0；i

您将从这段代码中得到答案。请大家检查一下

$(document).ready(function (){
  //page load
    $("#hellotxt").on('keypress', function (event) {
        console.log(event.which)
        if (event.which == 59 || event.which == 186) {
            var txt = $("#hellotxt").val();
            var valueArray = txt.split(';');
            var valueSortArray = valueArray.sort();
            for (var i = 0; i < valueSortArray.length - 1; i++) {
                addbox.call(this, valueSortArray);
            }
        }
    });

 function addbox(valueSortArray) {
 var table = $(this).next('table').find("tbody");
 table.find(".dyn").remove()
 $.each(valueSortArray, function (i, v) {
 console.log(i,v)
 if (v)
     table.append('<tr class="dyn"><td><input type="text"  value="' + v + '" /></td></tr> ');
})

$（文档）.ready（函数（）{
//页面加载
$（“#hellotxt”）.on（'keypress'，函数（事件）{
console.log（event.which）
if（event.which==59 | | event.which==186）{
var txt=$（“#hellotxt”）.val（）；
var valueArray=txt.split（“；”）；
var valueSortArray=valueArray.sort（）；
对于（变量i=0；i

你说“如果我以分号作为输入意味着我必须在jQuery中创建一个文本框”是什么意思？这毫无意义。是否有任何错误？我对文本框的输入是“@Good4M，所以如果用户以”；“为输入，你需要动态文本框”。你为什么要把这件事复杂化？难道不可能给一个按钮来添加一个新的文本框吗？是的，我喜欢在动态中添加它。。我需要它在文本框事件中，而不是在按钮单击中。@SelvaTS。。它在按钮单击中工作。我已经尝试过了“如果我给分号作为输入，意味着我必须在jQuery中创建一个文本框”，这是什么意思这毫无意义。有什么错误吗？我对文本框的输入是“@Good4M”，所以如果用户以“@Good4M”形式输入，则需要动态文本框.你为什么要把这件事复杂化？难道不可能给一个按钮来添加一个新的文本框吗？是的，我喜欢在动态中添加它..我需要它在文本框事件中，而不是在按钮单击中..@SelvaTS..它在按钮单击中工作..我已经尝试过我的答案了，请@jquery我在回答我时投票给了你是的，只是检查一下..看我的答案你的简单解决方案问题。很好，你得到了答案：）。请仔细阅读我的答案@jquery我投票支持你回答我是的，请检查..看我的答案这是你问题的简单解决方案。很好，你得到了答案：）。