应用一个函数到一个克隆的字段(Jquery)
Apply a function to a cloned field (Jquery)
我有一个包含1个选择选项和5个文本字段的表单。
我的第一个功能是当我选择一个特定的选项时,这5个文本字段将自动从数据库填充数据。
该函数特定于所选选项的ID。我有另一个函数,当我点击"添加另一个"按钮时,它会克隆表单,并为每个文本字段生成一个新的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>
谢谢!
这将是很好的看到一个工作或非工作的例子,所以我可以提供一个不太粗糙的代码样本,而不是改变输入的ID,而只是使用父作为选择器,即:
$('select').on('change', function (e) {
$(this).parent().find('#fname').val("Set Value");
....
});
尽管正如其他人建议的那样,您应该使用类名作为选择器而不是id(这意味着是唯一的)
相关文章:
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- Angular ng repeat order将多个字段作为一个字段
- 我怎么能让流星简单模式中的一个字段等于一个js变量,并且仍然让用户填写简单模式的其余部分
- 如何限制一个字段只接受4个数字字符作为输入,并获得'It’这是潜水警报
- 可以't无法将一个字段复制到另一个字段
- 如何隐藏&使用jQuery禁用依赖于另一个字段值的字段
- 我有一个字段计算,如果结果低于 60,则需要显示最小值
- 根据Rails4中的一个字段自动填充表单
- 在 Jquery ajax 中,在一个字段中输入时获取详细信息
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- 如何获取id并在ror中基于该id显示下一个字段
- 使用Join,要求两个字段中的一个字段为非空
- jQuery自定义验证只显示最后一个字段的错误
- 我如何使用jQuery来点击和选择并让它填充一个字段
- 如何让Typeahead.js使用对象的一个字段而不是全部字段自动完成或选择
- 在document-mongoDB中设置一个字段
- 如何计算mongodb中两个集合中一个字段的不同值的数量
- AngularJS:在控制器中过滤除一个字段外的所有字段
- 更新其中一个字段时刷新其他输入字段.使用Angularjs(附Plunker)