单击后编辑文本

Edit text after clicked

本文关键字：文本 编辑 单击      更新时间：2023-09-26

我不知道该怎么做，所以在onclick事件之后更改我的代码

<div id='1' onclick='edit()'>
    Tekst
</div>

在上

<div id='1'>
    <form action='#' method=post>
        <input type='text' name='1' value='Tekst'>
    </form>
</div>

当然，div的id和input的名称必须相同。我试着使用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>

相关文章：