开发者社区> 问答> 正文

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

       <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"><div class="Validform_checktip">请输入银行卡号</div></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><div 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)"></div></li></ul>';
                    $(".form-down").after(showimg);
                  });

                </script>

展开
收起
a123456678 2016-03-12 15:07:08 1829 0
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"><div class="Validform_checktip">请输入银行卡号</div></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><div 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)"></div></li></ul>';
                        $(".add-ul").after($(showimg));
                      });
    
                    </script>
    2019-07-17 19:00:58
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
Javascript中的对象 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
现代Javascript高级教程 立即下载