PHPには、次の配列があります
$var=array();
$var[0][0][num]='1';
$var[0][0][text]='2';
$var[0][1][num]='3';
$var[0][1][text]='4';
$var[1][0][num]='5';
$var[1][0][text]='6';
$var[1][1][num]='7';
$var[1][1][text]='8';
変数のペアを上下に移動し、新しいペアを配列の最後に追加する必要があり[text]
ます[num]
。
サーバー側なら簡単ですが、クライアント側でもこれらの操作を許可したいです。
したがって、次のようになります
<form>
<div>
<input name="var[0][0][num]" value="1">
<input name="var[0][0][text]" value="2">
<input name="var[0][1][num]" value="3">
<input name="var[0][1][text]" value="4">
</div>
<div>
<input name="var[1][0][num]" value="5">
<input name="var[1][0][text]" value="6">
<input name="var[1][1][num]" value="7">
<input name="var[1][1][text]" value="8">
</div>
</form>
したがって、これらの div のいずれかをフォームの最後にコピーし、これらの div を上下に移動して値を保持する必要があります。
たとえば、上の div をコピーして次のように追加できますform
。
onlick="this.parentNode.appendChild(this.cloneNode(true))"
その後のフォームは次のようになります。
<form>
<div onlick="this.parentNode.appendChild(this.cloneNode(true))">
<input name="var[0][0][num]" value="1">
<input name="var[0][0][text]" value="2">
<input name="var[0][1][num]" value="3">
<input name="var[0][1][text]" value="4">
</div>
<div>
<input name="var[1][0][num]" value="5">
<input name="var[1][0][text]" value="6">
<input name="var[1][1][num]" value="7">
<input name="var[1][1][text]" value="8">
</div>
<div onlick="this.parentNode.appendChild(this.cloneNode(true))">
<input name="var[0][0][num]" value="1">
<input name="var[0][0][text]" value="2">
<input name="var[0][1][num]" value="3">
<input name="var[0][1][text]" value="4">
</div>
</form>
コピーされたdivの入力の名前を変更する方法がわかりません。たとえば、コピーして追加した div は次のようにする必要があります。
<div onlick="this.parentNode.appendChild(this.cloneNode(true))">
<input name="var[2][0][num]" value="1">
<input name="var[2][0][text]" value="2">
<input name="var[2][1][num]" value="3">
<input name="var[2][1][text]" value="4">
</div>
または、上の div を下の div の下に移動すると、名前が変更され、次のようになります。
<div>
<input name="var[0][0][num]" value="5">
<input name="var[0][0][text]" value="6">
<input name="var[0][1][num]" value="7">
<input name="var[0][1][text]" value="8">
</div>
<div>
<input name="var[1][0][num]" value="1">
<input name="var[1][0][text]" value="2">
<input name="var[1][1][num]" value="3">
<input name="var[1][1][text]" value="4">
</div>
わかりました、この質問は複雑で、ばかげているように見えるかもしれないことを知っているので、少なくとも推測が必要です =)