Question

JQUERY 点击 信息内容变成可输入状态 更新完成后 提交 写详细些 新手

Answer 1

<div id="myName"><span></span><input type="text" name="name" id="name"></div>
<script type="text/javascript">
//自己引入jq库
jQuery(document).ready(function($) {
/* 1.从后台获取信息，并设置对应的input值 */
function getInfo(s){
//这里假设从后台获取到的是“苍井凤姐”
if(s == "name"){
return "苍井凤姐";
}
}

function toggleS(obj){
obj.hide().siblings().show();
}

$("#name").val(getInfo($("#name").attr("id"))).hide(function(){
$("#myName>span").text($("#name").val()).show();
});

/* 2.点击这个框后可以输入，然后blur后不可输入 */
$("#myName>span").click(function(){
toggleS($(this));
$("#name").focus();
});

/* 3.修改信息后，再隐藏span，利用ajax提交数据 */
$("#name").blur(function(){
toggleS($(this));
$("#myName>span").text($("#name").val());
})
});
</script>

追问

谢谢 不过 要是点击图片 然后上方文字变成文本框呢

追答

一样的，你就绑定图片的点击事件，再调用显示文本框的函数即可

Answer 2

其实这个就是加一个input 文本控件