問題（）テキストボックスの

Question

これは私がクローンを作成するために必要なものです：

<p id="ex"> 
<label for="c2">Enter your Choice</label> 
<br> 
<input type="text" name="c2_r" id="c2" value="" /> 
<br> 
</p> 

私はこの文で、それをクローン：私が見たよう

$("#def").append($("#ex").clone()); 

、それがクローニングされp要素。しかし、私は実際にpタグをクローンし、その中のテキストボックスの値を ""に設定したいと思っています。誰かが私に何をすべきか説明できますか？また、クローンされた要素内のテキストボックスのIDを元のものと異なるように設定する必要があります。助けてください。 idは、ページごとに一意である必要がありますので、おかげで

Answer 1

// first we grab the clone. We also want to change the <p>'s id, as it's 
// not valid to have two elements within a page with the same ID. 
$('#ex').clone().attr({ 
    id: 'newpid' // paragraph's ID 
// next, we alter the input inside it (change ID, clear value). 
}).find('input').attr({ 
    value: '', 
    id: 'newid' // <input>'s ID 
// call end to stop the ".find", then add it to the #def element 
}).end().appendTo('#def'); 

実施例：。。http://www.jsfiddle.net/F4rRQ/1/

Answer 2

は、ここでは...

var clonedP = $('#ex').clone(); 

clonedP 
.attr({ id: 'new_id' }) 
.find('input') 
    .attr({id: 'new_input_id'}) 
    .val(''); 

$('#def').append(clonedP); 

を行く私は、彼らのid属性を変更する場所にコードを置きます。

このデータを正常に読み込もうとしている場合は、name属性（さまざまな入力の異なる名前）も変更する必要があります。