页面添加表单

                                      页面添加表单

开发工具与关键技术：Visual Studio 2015
作者：李德新
撰写时间：2019年6月14日

在我们的日常生活中，我们会经常看到我们在页面上点击某个按钮之后便能够在页面上添加一个模态框也或者是一张表单，亦或者是别的一些东西，但相同的都是他们是在我们点击了某个按钮之后自动为我们在我们的HTML代码之上又为我们添加了一段HTML代码。
那么，他们是如何在我们的HTML代码之上又为我们添加了一段HTML代码的呢？如果我们也想要打成这样的效果，我们要如何才能达到呢？其实我们要想完成这样的效果并不困难，但也不是十分的容易，那么接下来我们便去实现这样的效果。
首先，我们先要在我们的这个页面上去创建一个我们需要的表单，然后我们才可以去根据这一段代码去新增我们所需要的新的表单。

如上图所示，Form表单中的HTML代码便是我们待会所需要增加的HTML代码，当我们准备好了我们所需要的新增的HTML 代码之后，我们便可以准备好新增表单的方法了。

如上图所示，我们在完成我们这个新增的方法之后，我们就可以达到新增的效果了，但是我们还要注意我们新增的地方，在上图中的varoptions = $(“#Guest”).find(“.spanter”).所代表的意思是我们要把这一新增的表单添加到ID为Guest的form表单中的带有spanter的类的

标签之中，而且我们还可以为我们的这些新增的表单都加上一个编号，那么我们就可以另外再写一个变量。

如图中所示，我们创建了九个编号，那么我们就只需要把他放入到我们的编号中就可以让他每增加一个表单便让他选择一个编号即可。至于，编号所放的位置便需要个人的喜好了。

在图中，我就是把它放在了一个span标签之中了，写法的意思是根据表单的个数去选择我们所需要的不同的编号。