根據焦點從文本框外觀改變爲標籤外觀

Question

我在我的gridview中有一個模板字段，這個模板字段是一個（文本框）。我想要做的是：在用戶完成寫作並移動到下一個文本框，失去焦點的那個變成了一個標籤或者像一個標籤，並且如果它再次獲得焦點，變成一個文本框。並且...等

如何做這樣的事情？

Answer 1

像這樣：

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

Answer 2

您可以搜索內聯編輯。

這裏是一個jQuery內聯編輯，你可以使用，但你可以找到更多的谷歌。

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

，並現場演示

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

無論你有多需要全面改變您更新數據庫的方式。