Question

我有一个我要追加的表格，如果是我追加的商家，如果它是私人，我追加不同的，但我不想将它们全部追加，我希望他们都有一个当他们进来时效果很好，我尝试过使用“把整个表格代码放到一个地方”的方法。它工作但我没有得到我想要的结果，这是我的代码

window.onload = function(){
var private = '<form action="private.php" method="post" id="privateform"><div class="form-group"  ><label dir="rtl" style="width: 100%;"dir="rtl" style="width: 100%;">כתובת אימייל</label><input  type="email" class="form-control" id="email" name="email" class="box" placeholder="הכנס אימייל כאן" required="yes"></div><div class="form-group" ><label dir="rtl" style="width: 100%;">סיסמה</label><input   type="password" class="form-control" id="password" name="password" class="box" placeholder="הכנס סיסמה כאן" required="yes"></div><div class="form-group" ><label dir="rtl" style="width: 100%;">הכנס סיסמה שוב</label><input   type="password" class="form-control" id="password2" name="password2" class="box" placeholder="הכנס סיסמה שוב" required="yes"></div><div class="form-group" ><label dir="rtl" style="width: 100%;">שם משתמש</label><input   type="text" class="form-control" id="username" name="username" class="box" placeholder="הכנס שם משתמש כאן" required="yes"></div><div class="form-group" ><label dir="rtl" style="width: 100%;">שם פרטי</label><input   type="text" class="form-control" id="firstname" name="firstname" class="box" placeholder="הכנס שם פרטי כאן" required="yes"></div><div class="form-group" ><label dir="rtl" style="width: 100%;">שם משפחה</label><input   type="text" class="form-control" id="lastname" name="lastname" class="box" placeholder="הכנס שם משפחה כאן" required="yes"></div><div><input class="btn" type="submit" name="submit" value="הירשם" style="margin-left: 450px;"></div></form>'.split("</div>");
var privatebut = document.getElementById('private');
var popup = document.getElementById('registerform');
var jcontainer = document.getElementById('jcontainer');

privatebut.onclick = function() {

    $('#registerform').animate({left: '2000px'}, "fast");
    $('#registerform').fadeOut('slow');
    $('#jumbotron').animate({paddingBottom: "+=500px"}, 000);
    for (var i = 0; i < private.length;i++) {

        private[i] = new String(private[i]);
        $('.form-group').hide();
        $('#jcontainer').append(private[i]);
        $('.form-group').show(1000);
    }

    }; 
};

编辑：我只是把表单放在php文件中并附加到它上面，抱歉找麻烦的人

Answer 1

没关系，我只是将表单放在php文件中并附加到它上面，为那些麻烦的家伙而烦恼

Answer 2

我为每个我需要包含的元素或部分创建一个变量（连接）然后将它们全部添加到最后一个以检查所有引用是否正常（" "和' '）

let domInsert = "";
let divI1 = "<div class='...' id='...'>...</div>";
let button = "<input class='...' id='...'>...</input>";
let label = "<label class='...' id='...'>...</label>";
let divI2 = "<div class='...' id='...'>" + label + button + "</div>";
domInsert = divI1 + divI2

然后附加domInser变量

如何附加表单而不必将整个代码放在1个字符串中

2 个答案: