如何通过jquery函数命名动态创建的文本框?

时间:2018-08-24 15:14:56

标签: javascript jquery html return-value

我想为特定事件中动态创建的文本框命名。 我编写了以下代码,其中函数GenerateTextBox返回文本框的名称和值“”。文本框由生成,但未分配名称。

这将使用该名称作为另一个php文件中文本框的引用。

用于生成文本框的jQuery代码:

function GenerateTextbox(value,name1) { 
    return '<input name = "'+ name1 + '" type="text" value = "' + value + '" /> ';
}  

调用函数:

$("#t11, #t12").click(function(){
    var div = $("<div />"); 
    div.html(GenerateTextbox("", c1));  
    $("#TextBoxContainer").append(div);
});

php输出文件显示错误信息c1是未定义的索引...

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

c1更改为"c1"c1引用一个名为c1的变量(尚未定义),而"c1"引用一个字符串。

div.html(GenerateTextbox("", "c1"));  

工作代码:

function GenerateTextbox(value,name1) { 
return '<input name = "'+ name1 + '" type="text" value = "' + value + '" />';
}
$("#t11, #t12").click(function(){
var div = $("<div>"); 
div.html(GenerateTextbox("", "c1"));  
$("#TextBoxContainer").append(div);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="t11">Create Textbox</button>
<div id="TextBoxContainer"></div>