Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery中动态生成的文本字段的不同名称_Javascript_Jquery - Fatal编程技术网

Javascript jquery中动态生成的文本字段的不同名称

Javascript jquery中动态生成的文本字段的不同名称,javascript,jquery,Javascript,Jquery,这是一个jquery,用于在html中生成动态输入文本字段。 要为每个文本字段指定不同的名称,“num”将递增。 我甚至尝试了“.attr('name','device'+num);”。。。但它不起作用 $(document).ready(function() { $("#add").click(function() { var intId = $("#buildyourform div").length + 1; var num=0; n

这是一个jquery,用于在html中生成动态输入文本字段。 要为每个文本字段指定不同的名称,“num”将递增。 我甚至尝试了“.attr('name','device'+num);”。。。但它不起作用

$(document).ready(function() {
    $("#add").click(function() {
        var intId = $("#buildyourform div").length + 1;
        var num=0;
        num++;
        var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\"/>");

**var fName = $("<input type=\"text\" class=\"fieldname\" name=\"' + num + '\" />");**

        var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");
        removeButton.click(function() {
            $(this).parent().remove();
        });
        fieldWrapper.append(fName);

        fieldWrapper.append(removeButton);
        $("#buildyourform").append(fieldWrapper);
    });

});
$(文档).ready(函数(){
$(“#添加”)。单击(函数(){
var intId=$(“#buildyourform div”).length+1;
var num=0;
num++;
var fieldWrapper=$(“”);
**变量fName=$(“”)**
var removeButton=$(“”);
移除按钮。单击(函数(){
$(this.parent().remove();
});
fieldWrapper.append(fName);
fieldWrapper.append(removeButton);
$(“#buildyourform”).append(fieldWrapper);
});
});
如果现在生成3个新文本字段,
如何在每次单击时覆盖
num
,并将字符串符号弄乱。
num
声明置于回调之外:

var num=0;
$("#add").click(function() {
    var intId = $("#buildyourform div").length + 1;
    num++;
    $('<input type="text" class="fieldname" name="' + num + '" />');
var num=0;
$(“#添加”)。单击(函数(){
var intId=$(“#buildyourform div”).length+1;
num++;
$('');

一天中的一个小贴士,在javascript中,您可以使用
作为字符串符号,您可以同时使用这两种符号,而无需转义另一种符号。

代码中有语法错误,您使用单引号和双引号

应该是这样的

var fName = $('<input type="text" class="fieldname" name="' + num + '" />');
var fName=$('');
或:

var fName=$(“”);

通过在函数外部声明num并更改下面的行,解决了var fName=($('')的问题;如何在每个文本字段中添加值onkeyup@Prads,我不明白你问的是什么。我设法在php中做到了这一点…是否有一种方法可以对每个动态生成的文本字段(onkeyup事件)中的值求和。
var fName = $("<input type=\"text\" class=\"fieldname\" name=\"" + num + "\" />");