javascript - 单击时如何将 td-tag 更改为 html 中的 input-tag?

标签 javascript jquery html css angularjs

我在以下 HTML 页面中遇到问题。我有一个我想要的 html 表,当用户单击我页面上的一个 td 时,有人可以更改该 td 的内容。我认为最简单的方法是更改​​ html 标签。但是我该怎么做呢?或者您知道另一种由用户更改 td 标签内容的解决方案吗? 我也在使用 AngularJS 和 JQuery,所以也许有一个好的解决方案。

我在 pastebin 上有以下表格代码。 (stackoverflow 没有正确显示)http://pastebin.com/AnjpSbdq

另外,我希望当用户单击我页面上的其他位置时,更改该内容的可能性消失。 (也许还有当他按下回车键时。)

感谢您的所有提示!

最佳答案

我认为你最好在 tds 中设置一个文本类型的输入并用你自己的值启动它,并且用户可以更改它......就像旧的占位符一样

<input type='text' name='NAME' value='initiate-value'>

关于javascript - 单击时如何将 td-tag 更改为 html 中的 input-tag?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39047354/

相关文章:

javascript - jquery 调用 php 不起作用

html - iOS 8+ 上的播放按钮不居中

javascript - 使用 onClick 从列表中删除单个项目

javascript - 用于导航大型 2D 图形的简单 javascript Canvas 框架?

javascript - react | TypeScript - "this"onClick 事件的上下文

jquery - 如何检查数组是否包含具有相同文本的字符串?

javascript - Meteor 用户添加表单没有执行任何操作?

javascript - 打印时扩展div的高度

html - 是否可以在 html 文件的脚本标签中编译 Coffeescript 代码?

javascript - 使用 jquery 获取一组复选框值