编辑文字后点击
我不知道该怎么办,所以onclick事件后改变编辑文字后点击
<div id='1'>
<form action='#' method=post>
<input type='text' name='1' value='Tekst'>
</form>
</div>
当然div的ID和输入的名字我的代码
<div id='1' onclick='edit()'>
Tekst
</div>
必须相同。我尝试使用append(),但没有发生任何错误,也没有任何结果。
function edit(clicked_id)
{
var input = document.createElement("input");
input.type = "text";
input.size = "15";
input.name = "text" + clicked_id;
container.appendChild(input);
}
$(".editme").click(function(){
$(this).html("<form><input type='text' name='" + $(this).attr("id") + "' value='" + $(this).text() + "' /></form>");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='1' class='editme'>
Tekst
</div>
这是使用jQuery。在您发布您的JavaScript之前,我已经开始回答了。 – 2014-09-23 17:16:31
谢谢,但仍然无法正常工作。 – Bejkrools 2014-09-23 17:24:35
如果你运行我发布的代码片段,你会发现它确实工作,但需要加载jquery。我目前没有一个纯粹的JavaScript的答案给你。 – 2014-09-23 17:25:42
什么是你想达到什么目的? – karthikr 2014-09-23 17:05:50
您需要发布您的javascript – 2014-09-23 17:05:57
我有一些文字。点击后我想编辑这个文本。 – Bejkrools 2014-09-23 17:11:15