2010-12-06 8 views
6

1つのテキストボックスを内容なしで複製できますか?複製後にテキストボックスに値を入力すると意味します。空のテキストボックスが必要ですか?jqueryクローンはこれをinnerHtmlとして返します。 ? <input>との値が現在持っているコピーをクローニングデフォルトで内容のないテキストボックスのJqueryクローン

+0

テキストボックステキストアを使用していますか? – benhowdle89

+0

入力タイプのテキストがありません –

答えて

16

、はなく、例えば、クローニングする場合、あなただけの明確なことができます。

var clone = $(".myInput").clone(true).val(""); 

をあなたのコメントオフに基づいてクローニングする場合、あなたはこのようなものが必要だろう行:

var newRow = $(this).closest('tr').clone(true).appendTo('table') 
            .find('input').val(''); 
+0

好奇心をそそり、 'true'は' clone() 'と一緒に使うと何を追加しますか? –

+0

@David - 要素が持つ可能性のあるイベントハンドラやデータをコピーします。たとえば、 'keyup'ハンドラなどがある場合、' true'がなければコピーしません。 –

+0

@ David、働いてくれてありがとうございました –

2

だけで、このような、空の文字列にクローニングされたテキストボックスの値を設定:

HT ML:

<input id="source" type="textbox" value="Some text..." /> 
<div id="target"></div> 

はJavaScript:

$(function() { 
    $("#source").clone().val("").appendTo("#target"); 
}); 

例:http://jsfiddle.net/X5x4L/

編集:テキストエリアのaswellとワークス、以下を参照してください。私のC言語でhttp://jsfiddle.net/X5x4L/1/

+0

VAR newRow = $(この) .clone(真) \t \t \t \t .val( "") .appendTo( 'テーブル')( 'TR').closest。 –

+0

動作していません..... –

+0

@OddOneOut:Ok?それはあなたのコードですか?それは働いていないのですか?いくつかのコードを削除しないでください... –

0

ase、私はフォームのフィールドをたくさん持っていたので、クローンした後にすべてnullにする:

$('.user-address:first').clone().appendTo('.user-addresses'); 
$('.user-address:last').find('[name]').val(null); 

ホールは助けてくれます。

関連する問題