0

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>

わかりました、この質問は複雑で、ばかげているように見えるかもしれないことを知っているので、少なくとも推測が必要です =)

4

1 に答える 1

1

タグでjQueryについて言及していませんが、それが私が見ているものです。具体的には、jQuery の上で実行される jQueryUI ライブラリです。

jQuery は、従来の JavaScript よりも効率的な (タイピングが少なく、少ないコードで多くのことを実行できる) JavaScript ライブラリです。

jQueryUI の並べ替え可能なウィジェットについては、こちらを参照してください。

jQuery チュートリアルの場合: thenewboston.com にある Alex Garret の jQuery チュートリアル

Alex Garret の Web サイトには、さらに多くのチュートリアルがあります。

于 2013-08-23T15:22:41.460 に答える