将文本转换为文本框 OnClick 编辑按钮答案

【问题标题】：Turn text into textbox OnClick Edit button将文本转换为文本框 OnClick 编辑按钮
【发布时间】：2015-03-01 09:28:27
【问题描述】：

如果用户按下编辑按钮，文本应该变成一个文本框，其中的信息仍然在用户输入的内容中。你能帮我处理 HTML、CSS 和 Javascript 中的代码吗？

【问题讨论】：

发布你对代码做了什么
查看[系统][1]答案[1]的这个链接：stackoverflow.com/a/14445052
谢谢，但这不是我要的东西
发布您的代码以了解问题

【解决方案1】：

基本上有点像这样，只需在textarea中添加readonly属性即可：

$('#edit').click(function(){
    $('#text').removeAttr('readonly');
});

#text{border:none;resize:none;font-family:Arial;width:400px;height:200px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button id="edit">Edit</button>
<br/>
<textarea id='text' readonly>
    SAMPLE TEXT SAMPLE TEXT SAMPLE TEXT SAMPLE TEXT
</textarea>

【讨论】：

我想在点击编辑按钮时编辑表格的内容。你能不能用它代替textarea...

【解决方案2】：

private void btnEdit_Click(object sender, EventArgs e)
{
     txtBox.Text = // Value of what the user typed before editing
}``

【讨论】：

他没有要求 C# .NET 代码。他要了JS代码。