0

フォーム

<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>

field_1 を field_1 から field_x まで複製する ajax スクリプトを探しています。これは、すべてのプレーヤーにチームの名前を入力する方法です。

  $(".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 などの値があります

4

4 に答える 4

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);
        }
    });
于 2013-08-30T06:14:08.910 に答える
0

.val を使用して値も設定する必要があります

  $(".dup").click(function() {
    var myinput =  $( ".field_1" ).val();
    $("input[name^='field_']").val(myinput);
  });
于 2013-08-30T06:11:21.707 に答える
0

を使用して、問題を解決するためにクラス使用 id 属性の代わりに.val()定義して使用しませんでした。class

交換するclass

 $(".field_1").val();
 $("input[class^='field_']").html(myinput);

とID

 $("#field_1").val();
 $("input[id^='field_']").val(myinput);
于 2013-08-30T06:29:36.667 に答える