text在获取焦点时展示输入框原有内容



text在获取焦点时展示输入框原有内容,想要这样一个效果:点击text获取焦点的时候,显示输入框原有内容。

——解决思路———————-
引用:
那你在下面接一个div就行,text框获得焦点时设置div的display属性为true,div的html为text的value就行了
说的很对,其他就是样式方面的问题。这个你可以找美工处理。
<script type=”text/javascript”>

$(document).ready(function(){

//文本框输入内容进行动态提示

$(“input[name='name']“).blur(function(){

//定义要传递的url和值

var val=$(“input[name='name']“).val();

if(val.length>0){ //当文本内容不为空时进行异步检索

var tipHtml=”"; //拼接html标签

// for(var i=0;i<tipText.length;i++){

tipHtml+=”<li>”+val+”</li>”;

//}

//获得输入姓名文本框的宽度

var width=parseInt($(‘input[name="name"]‘).width());

//设置ul宽度和文本框的宽度相等

$(“#tip”).html(tipHtml).width(width);

$(“#tip”).css(“position”,”relative”).css(“left”,32).css(“list-style-type”,”none”);

/* $(“#tip li”).click(function(){


$(“#tip”).hide();

$(“input[name='name']“).val($(this).text());

}); */

}

});

 

});

 

</script>

</head>

<body>

<h3>文本框自动获取内容</h3>

姓名<input type=”text” name=”name” id=”name” />

<ul id=”tip” style=”margin: 0;padding:0;”></ul>

fdfs

<h1>烦都烦得十分的</h1>

</body>