divの値を持つ入力テキストフィールドを追加します

入力テキストフィールドとその値をdivの値に追加しようとしています。ここでdivの値を持つ入力テキストフィールドを追加します

私がこれまでに思い付いたものです：

$(this).append('<input type="text" value=' $('#div1').val() '>');

出典

2012-01-06 jQuerybeast

ので問題は正確に何ですか？ –

はすべてのためのHTML文字列を使用しないでください！

$(this).append(
    $('<input>', { 
     type: 'text', 
     val: $('#div1').text() 
    }) 
);

出典

2012-01-06 20:14:41 Ryan

ありがとうございます。おそらく最善の方法 – jQuerybeast

@minitechあなたはHTML文字列を使用していないリソースを持っていますか？それについて読むことが大好きです。ありがとう – jQuerybeast

@jQuerybeast：手ではありません。私は今でもそれについてのブログ投稿を書くことができました:)その理由は、エスケープやそのようなエラー、または実行時に自分自身を明示するだけのエラーを心配する必要はないからです。 – Ryan

$(this).append('<input type="text" value='+ $('#div1').html()+ '>');

出典

2012-01-06 20:14:49

btw ... divにはval（）の値がありません –

@JosephMarikle yeap。それに気付かなかった。 –

$(this).append('<input type="text" value=' + $('#div1').val() + '>');

はまた+

でconcatonateすることを忘れないでください、これは$（これは）実際のオブジェクトであると想定します。

出典

2012-01-06 20:15:06

btw ... divsに 'val（）'の値がありません –

div1のIDが入力されます。彼はhtmlを提供していないので、これはまだ正しいかもしれません。 –

LOLは非常に真実ですが、多少...おそらくありません。 –

<div id="parent-dv"> 
    <lable for="posting">POST</lable> 
    <textarea style="width:400px; height:auto;"></textarea> 
    <input type="Submit" id="inputsubmit"> 
    <button id="clear">Clear</button> 
</div>

$(document).ready(function(){ 
 
$('#inputsubmit').on('click',function(event) 
 
\t { 
 
var $inpute2xt = $("#parent-dv").find('textarea').val(); 
 
$('#parent-dv').append("<p></p>").addClass("newp").append($inpute2xt); 
 
\t \t \t 
 
\t } 
 
\t \t); 
 
\t 
 
\t } 
 
\t); 
 
\t 
 
\t

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <style> 
 
    </style> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 
    
 
<div id="parent-dv"> 
 
\t <lable for="posting">POST</lable> 
 
\t <textarea style="width:400px; height:auto;"></textarea> 
 
\t <input type="Submit" id="inputsubmit"> 
 
\t <button id="clear">Clear</button> 
 
\t <p></p> \t 
 
\t </div> 
 
    
 

 
    
 
</body> 
 
</html>

出典

2017-11-24 13:48:01

divの値を持つ入力テキストフィールドを追加します

答えて

関連する問題