使用 div 的值附加输入文本字段
Posted
技术标签:
【中文标题】使用 div 的值附加输入文本字段【英文标题】：Append input text field with value of a div 【发布时间】：2012-02-04 12:55:40 【问题描述】：我正在尝试将输入文本字段及其值附加为 div 的值。
到目前为止，这是我想出的：
$(this).append('<input type="text" value=' $('#div1').val() '>');
【问题讨论】：
那么到底是什么问题？ 【参考方案1】：不要对所有内容都使用 html 字符串！
$(this).append(
$('<input>',
type: 'text',
val: $('#div1').text()
)
);
【讨论】：
谢谢。可能是最好的方法 @minitech 你有关于不使用 html 字符串的资源吗？很想读到它。谢谢 @jQuerybeast：不是随便的。不过，我现在可以写一篇关于它的博客文章 :) 原因是您不必担心转义等，或者键入仅在运行时才表现出来的错误。 @jQuerybeast learningjquery.com/2009/03/… ***.com/questions/327047/… @Ry- 其他参数是什么，我怎样才能将输入字段设为“只读”？【参考方案2】：$(this).append('<input type="text" value='+ $('#div1').html()+ '>');
【讨论】：
btw... div 没有val() 值
@JosephMarikle 是的。没注意到。【参考方案3】：
$(this).append('<input type="text" value=' + $('#div1').val() + '>');
别忘了用 + 连接
此外，this 假设 $(this) 是一个实际对象。
【讨论】：
btw... div 没有val() 值
一个输入可以被赋予一个 div1 的 id。这仍然可能是正确的，因为他没有提供 html。【参考方案4】：
<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>【讨论】：
以上是关于使用 div 的值附加输入文本字段的主要内容，如果未能解决你的问题，请参考以下文章