表格
<form id="form1" name="form1" method="post" action="">
name_field
<input type="text" name="field_1" id="field_1" />
<a href="#" id="dup" name="dup" >Use same</a>
<input type="text" name="field_2" id="field_2" />
<input type="text" name="field_3" id="field_3" />
...
<input type="text" name="field_x" id="field_x" />
</form>
我正在寻找一个ajax脚本,将field_1克隆到field_1直到field_x .. 这是一种在所有玩家身上填充团队名称的方法。
$(".dup").click(function() {
var myinput = $( ".field_1" ).val();
$("input[class^='field_']").html(myinput);
});
$(".dup").live("click", function(e) {
var count = $(".form1 fieldset").length + 1;
$(this).parent().clone().insertBefore("#sbmt").find("input[type=text]").attr({
"id": "input" + count,
"name": "input" + count
}).val("");
});
//更新:
原来,may字段是这种类型: 并且更改以3的倍数完成。所以
<input id="field_1" type="text" name="Item[fields][1]" ><a href="#" id="dup1">Use Info</a>
<input id="field_2" type="text" name="Item[fields][2]" ><a href="#" id="dup2">Use Team</a>
<input id="field_3" type="text" name="Item[fields][3]" ><a href="#" id="dup3">Use Year</a>
<input id="field_4" type="text" name="Item[fields][4]" >
<input id="field_5" type="text" name="Item[fields][5]" >
<input id="field_6" type="text" name="Item[fields][6]" >
<input id="field_7" type="text" name="Item[fields][7]" >
<input id="field_8" type="text" name="Item[fields][8]" >
<input id="field_9" type="text" name="Item[fields][9]" >
....
<input id="field_2" type="text" name="Item[fields][x]" >
so clicking
dup1, clone field[1] into [4],[7] ...[1+3(i)]
dup2, clone field[2] into [5],[8],...[2+3(i)]
dup3, clone field[3] into [6],[9],...[3+3(i)]
我不能使用id值,因为它不一致..它有诸如year_league66134之类的值
答案 0 :(得分:0)
你需要使用.val来设置值
$(".dup").click(function() {
var myinput = $( ".field_1" ).val();
$("input[name^='field_']").val(myinput);
});
答案 1 :(得分:0)
答案 2 :(得分:0)
尝试此功能
function CreateInputText(index) {
var input = document.createElement('input');
input.setAttribute('type', 'text');
input.setAttribute('id', 'field_' + index);
input.setAttribute('name', 'field_' + index);
$(input).insertBefore('#sbmt');
}
如果您需要
,可以在文档就绪时调用它 $(document).ready(function () {
for (var i = 0; i < 5; i++) {
CreateInputText(i);
}
});
答案 3 :(得分:0)
使用.val()
,您没有定义class
并使用它代替class use id属性来解决您的问题。
重新class
$(".field_1").val();
$("input[class^='field_']").html(myinput);
ID
$("#field_1").val();
$("input[id^='field_']").val(myinput);