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

Question

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

如何做这样的事情？

Answer 1

您搜索内联编辑。

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

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

和现场演示

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

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

Answer 2

像这样：

<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/