Question

我有一个包含1个选项和5个文本字段的表单。

我的第一个功能是当我选择一个特定选项时，这5个文本字段将自动填充数据库中的数据。此功能特定于所选选项的ID。

我有另一个功能，当我点击＆＃34;添加另一个＆＃34;按钮，它将克隆表单并为每个文本字段生成一个新ID。

问题是，当我点击添加另一个并且第二个表单在那里时，5个文本字段不会自动填充，因为自动填充功能仅特定于原始ID。

我该如何解决这个问题？如何将自动填充功能应用于新生成的表单？请帮忙。

鉴于形式：

<form method='post' name="form1">
    <select id='select'>
        <option value='1'>1</option>
        <option value='2'>2</option>
    </select>

    First Name: <input type='text' id='fname'>
    Last Name: <input type='text' id='lname'>
    Contact Number: <input type='text' id='cnumber'>
    Address: <input type='text' id='address'>
    E-mail Address: <input type='text' id='email'>

    <button type='button' id='addanother'>Add Another</button>
</form>

谢谢！

Answer 1

最好看一个工作或非工作的例子，这样我就可以提供一个不那么粗略的代码示例，而不是改变输入的ID，而只是使用父代作为选择器，即：

$('select').on('change', function (e) {
     $(this).parent().find('#fname').val("Set Value");
     ....
});

虽然正如其他人所建议的那样你应该使用类名作为选择器而不是ID（它们是唯一的）

将函数应用于克隆字段（Jquery）

1 个答案: