web-dev-qa-db-ja.com

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

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

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

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

すべてにHTML文字列を使用しないでください！

$(this).append(
    $('<input>', {
        type: 'text',
        val: $('#div1').text()
    })
);
18
Ry-
$(this).append('<input type="text" value='+ $('#div1').html()+ '>');
4
Royi Namir
$(this).append('<input type="text" value=' + $('#div1').val() + '>');

+と連結することを忘れないでください

また、これは$（this）が実際のオブジェクトであることを前提としています。

2
Kai Qing
<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)
        {
var $inpute2xt = $("#parent-dv").find('textarea').val();
$('#parent-dv').append("<p></p>").addClass("newp").append($inpute2xt);
                        
        }
                );
        
        }
        );
        
        
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <style>
  </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
 
<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>
        <p></p>     
        </div>
 

 
</body>
</html>
0
Haris Sultan