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>