根据焦点从文本框外观更改为标签外观

发布于 2024-11-25 00:53:29 字数 138 浏览 0 评论 0原文

我的gridview中有一个模板字段，这个模板字段是一个（文本框）。我想做的是：用户完成写入并移动到下一个文本框（丢失的文本框）后焦点变成一个标签或像一个标签，如果它再次获得焦点，变成一个文本框。等等

如何做这样的事情？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

后eg是否自 2024-12-02 00:53:29

您搜索内联编辑。

这是您可以使用的 jQuery 内联编辑，但您可以在 google 上找到更多信息。

http://yelotofu.com/2009/08/jquery-inline-edit-教程/

和现场演示

http://yelotofu.com/labs/jquery/snippets/inlineEdit/demo_final.html

您需要如何彻底改变更新数据库的方式。

回复收藏 0 原文

睫毛溺水了 2024-12-02 00:53:29

像这样：

<script type="text/javascript">
function show(){
document.getElementById("input1-label").style.display = "none";
document.getElementById("input1").style.display = "block";
document.getElementById("input1").focus();
}

function hide(){
if(document.getElementById("input1").value != "") document.getElementById("input1-label").innerHTML = document.getElementById("input1").value;
document.getElementById("input1-label").style.display = "block";
document.getElementById("input1").style.display = "none";
}
</script>

<label id="input1-label" onclick="show()" style="display:none">Label</label>
<input type="text" id="input1" onblur="hide()" />

http://jsfiddle.net/9v4TJ/1/

Like so :

<script type="text/javascript">
function show(){
document.getElementById("input1-label").style.display = "none";
document.getElementById("input1").style.display = "block";
document.getElementById("input1").focus();
}

function hide(){
if(document.getElementById("input1").value != "") document.getElementById("input1-label").innerHTML = document.getElementById("input1").value;
document.getElementById("input1-label").style.display = "block";
document.getElementById("input1").style.display = "none";
}
</script>

<label id="input1-label" onclick="show()" style="display:none">Label</label>
<input type="text" id="input1" onblur="hide()" />

http://jsfiddle.net/9v4TJ/1/

回复收藏 0 原文

~没有更多了~