添加html块

Question

我有一个asp.net网页表单，可以收集诊所和患者的详细信息。在表单的底部，我有一个主要询问患者信息(名字、姓氏、地址等)的块，我可以有n个患者(n的范围从1到10)。我在想，我可以写一个html代码块，然后问一个问题，比如

添加另一个患者？

我将不得不动态生成一个类似的块，就像第一个具有唯一id的块一样。

解决这类问题的最佳方法是什么？如何处理验证？

谢谢

Answer 1

使用$.clone方法

下面是一个例子

http://jsfiddle.net/eTh2f/1/

但请确保不使用ID，因为您最终会得到重复的ID

更新：

，

• ，我看你并不真正理解这里的概念。ID必须是唯一的(可以将其视为政府ID号)，而不是两个可以具有相同的ID。
• 虽然类不是唯一的(就像名称一样，许多人共享相同的名称)，但它们可以分配给多个元素。

什么时候使用

对于不应该在同一页上重复的元素，请使用id。例如，主头文件的id可以是id="header_container"。虽然列表中的项永远不能具有相同的id，因为它们不是唯一的(注意，我们讨论的是标签，而不是它的内容)。

示例

对于id，标题应该是ok的。所以：

<div id="header">... header contents ...</div>

对于类来说，项目列表也是可以的。

<ul>
    <li class="someone" > me <li>
    <li class="someone" > you <li>
    <li class="someone" > he <li>
</ul>

you CAN do：

<ul>
    <li id="someone" > me <li>
    <li id="someone" > you <li>
    <li id="someone" > he <li>
</ul>

回到jquery

您可以在jquery中使用任何类型的有效css选择器

因此，如果我要获取标头，我将使用

$('#header')

其中#是id的符号

如果我选择ALL list items

$('.someone')

其中.是id的符号

如果使用多个ID，会发生什么情况

首先，你应该知道id的使用并不是一个聪明的主意。我很少使用它们(如果你可以避免麻烦，那就去做吧)。

所以使用类。因为如果这样做，它们仍然只能分配给一个元素。或者使用新的data属性。

但是，如果你100%确定它们永远不会重复，那么就使用它们。例如，数据库中的一组记录。当然，它们没有相同的id，那么只需使用元素的属性id即可。

如何在jquery中选择文本框

我们只需分配一个类。如果您不想这样做，那么只需

$('input')

它将选择所有的输入标签，虽然仍然有点不方便，但不用担心。您可以通过输入的名称来选择输入

$('input[name="the_name_of_the_input"]')

最后

请通过谷歌阅读更多关于该主题的信息。我只是想有一段空闲时间。所以我投资了它。但是努力工作来得到答案这就是它的坚持

Answer 2

我建议您使用多个HTML输入，例如：

<input type="text" name="name[]"/>

然后，在你的JavaScript中，你只需像其他人所说的那样附加或克隆字段！您可以轻松地在服务器端进行验证，因为表单中的每个字段都是一个数组，如

(name[0] = 'patient1', name[1] = 'patient2', etc)。

计算输入的数量，然后验证它们。