javascript - 用jquery 写一个动态添加表单的功能

Question

                <script>
                  $(".add-ul").click(function(){
                    var showimg = '<ul class="form-down"><li><label class="label"><span class="need">*</span>请选择文交所</label><select class="select" name="province" datatype="*"><option value="">请选择</option><option value="1">南京文交所</option></select></li><li><label class="label"><span class="need">*</span>请选择绑定银行</label><select class="select" name="province" datatype="*"><option value="">请选择</option><option value="1">中国银行</option></select></li><li><label class="label"><span class="need">*</span>请输入银行卡号</label><input type="text" value="" datatype="yhk" name="name" class="inputxt Validform_error" datatype="m"><p class="Validform_checktip">请输入银行卡号</p></li><li><label class="label"><span class="need">*</span>请选择开户银行所在城市</label><select class="select region" name="province" datatype="*"><option value="">省</option><option value="1">北京</option></select><select class="select region" name="province" datatype="*"><option value="">市</option><option value="1">北京</option></select><select class="select region" name="province" datatype="*"><option value="">区</option><option value="1">北京</option></select></li><li><label class="label"><span class="need">*</span>上传银行借记卡图片</label><p class="uploader"><input type="text" class="filename" readonly value="1" placeholder="请上传银行卡"> <input type="button" name="file" class="button" value="上传"> <input type="file" size="30" onchange="loadImage(this)"></p></li></ul>';
                    $(".form-down").after(showimg);
                  });

                </script>

这么写，可以吗？

Answer 1

<script>
                  $(".add-ul").click(function(){
                    var showimg = '<ul class="form-down"><li><label class="label"><span class="need">*</span>请选择文交所</label><select class="select" name="province" datatype="*"><option value="">请选择</option><option value="1">南京文交所</option></select></li><li><label class="label"><span class="need">*</span>请选择绑定银行</label><select class="select" name="province" datatype="*"><option value="">请选择</option><option value="1">中国银行</option></select></li><li><label class="label"><span class="need">*</span>请输入银行卡号</label><input type="text" value="" datatype="yhk" name="name" class="inputxt Validform_error" datatype="m"><p class="Validform_checktip">请输入银行卡号</p></li><li><label class="label"><span class="need">*</span>请选择开户银行所在城市</label><select class="select region" name="province" datatype="*"><option value="">省</option><option value="1">北京</option></select><select class="select region" name="province" datatype="*"><option value="">市</option><option value="1">北京</option></select><select class="select region" name="province" datatype="*"><option value="">区</option><option value="1">北京</option></select></li><li><label class="label"><span class="need">*</span>上传银行借记卡图片</label><p class="uploader"><input type="text" class="filename" readonly value="1" placeholder="请上传银行卡"> <input type="button" name="file" class="button" value="上传"> <input type="file" size="30" onchange="loadImage(this)"></p></li></ul>';
                    $(".add-ul").after($(showimg));
                  });

                </script>