克隆的输入字段数组的唯一 ID 值
Unique ID Value To a Cloned Input field Array
每次
通过单击按钮克隆一组输入字段时,我都会尝试将唯一的 id 值传递给输入字段数组。我正在获取要作为值传递的唯一 id,但它不断将所有输入字段更改为相同的数字。
例如,当我单击克隆按钮时,输入字段值变为 001
当我再次单击该按钮时,第一组和第二组输入字段变为 002,而不是 001 和 002。
这是jsfiddle https://jsfiddle.net/jdarville/mbfjmd02/
<script>
$(document).ready(function() {
Number.prototype.pad = function(size) {
var s = String(this);
while (s.length < (size || 2)) {s = "0" + s;}
return s;
}
var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
var c = 9;
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
c++;
$(wrapper).append('<div><label><span>Template Id :</span><input type="text" name="templateid[]" id="templateid[]"></label><br><label><span>UNC Path :</span><input type="text" name="uncpath[]" id="uncpath[]"></label><br><label><span>Username :</span><input type="text" name="username[]" id="username[]"></label><br><label><span>Password :</span><input type="text" name="password[]" id="password[]"></label><br><label><span>Name :</span><input type="text" name="scantoname[]" id="scantoname[]"></label><a href="#" class="remove_field btn btn-primary">Remove</a></div>'); //add input box
<!--add input value to 'how many field-->
$.each($('input[name="howmany[]"]'), function() {
$(this).val(x);
});
<!--add input value to 'templateid field-->
$('input[name="templateid[]"]').each(function() {
$(this).val((c).pad(3));
});
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
<script>
将计数器 var x 插入到字符串中
演示:https://jsfiddle.net/zer00ne/u93v63vb/
$(wrapper).append('<div><label><span>Template Id :</span><input type="text" name="templateid'+x+'" id="templateid'+x+'"></label><br><label><span>UNC Path :</span><input type="text" name="uncpath'+x+'" id="uncpath'+x+'"></label><br><label><span>Username :</span><input type="text" name="username'+x+'" id="username'+x+'"></label><br><label><span>Password :</span><input type="text" name="password'+x+'" id="password'+x+'"></label><br><label><span>Name :</span><input type="text" name="scantoname'+x+'" id="scantoname'+x+'"></label><a href="#" class="remove_field btn btn-primary">Remove</a></div>'); //add
。更改了此设置,以便获得填充结果:
$('input[name="templateid'+x+'"]').each(function() {
$(this).val((x).pad(3,0));
});
并将第一个字段更改为id1
和name1
以及基值001
相关文章:
- 正在为循环创建唯一id
- 在JavaScript中创建全局唯一ID
- 为dropdownlistfor(MVC)中的每个元素设置唯一id
- 向具有唯一Id的表添加/删除行
- 基于唯一ID合并geojson
- 如何为使用 jQuery 动态生成的按钮提供唯一 ID
- 类似系统:循环形成唯一id,得到这些id'使用jQuery/Javascript单独发布
- Knockout.js中使用的唯一ID;对于“;单选按钮组中的标签属性
- 在所有页面中搜索<身体>具有唯一ID
- 如何从多个唯一id中获取值
- 为客户端和服务器上的对象生成唯一 ID
- 如何使用jQuery创建具有唯一ID的可重复表
- 在 Firebase 中通过对象的唯一 id 查找对象
- 如何将唯一 ID 添加到 Javascript 中动态创建的输入字段
- 页面上第二个表单所需的唯一 id 属性
- 克隆并附加唯一 ID 后找不到 DOM 元素
- 如何在 append() 上添加具有唯一 id 的编辑按钮
- Chrome 标签页的永久唯一 ID,在浏览器会话之间持续存在
- 跨多个客户端和服务器生成真正的全局唯一 ID
- 如何通过 php 中的唯一 ID 删除 Json