当输入框 有值时 显示DIV中的内容 100
输入框<inputname="wd"id="wd"type="text">用JS判断当输入框有值时显示：<divid="xxx">删除</div>，当输入框没有值或为空格...
输入框 <input name="wd" id="wd" type="text" >
用JS判断 当输入框有值时显示：<div id="xxx">删除</div> ，当输入框没有值或为空格时不显示
请高手写出完整代码 尽量精简点 解决问题立即采纳 追加
代码写完整点 修改下 希望帮忙解答 谢谢 追加
输入框 ： <input name="wd" id="wd" type="text" >
删除按钮：<div id="xxx" onClick="javascript:document.getElementById('wd').value='';" >删除</div>
当输入框没有值或为空格时就不显示这代代码（也就是隐藏）：<div id="xxx" onClick="javascript:document.getElementById('wd').value='';" >删除</div>
注意：我要在输入第一个字符就触发 展开
用JS判断 当输入框有值时显示：<div id="xxx">删除</div> ，当输入框没有值或为空格时不显示
请高手写出完整代码 尽量精简点 解决问题立即采纳 追加
代码写完整点 修改下 希望帮忙解答 谢谢 追加
输入框 ： <input name="wd" id="wd" type="text" >
删除按钮：<div id="xxx" onClick="javascript:document.getElementById('wd').value='';" >删除</div>
当输入框没有值或为空格时就不显示这代代码（也就是隐藏）：<div id="xxx" onClick="javascript:document.getElementById('wd').value='';" >删除</div>
注意：我要在输入第一个字符就触发 展开
5个回答
展开全部
<script language="javascript">
function dis(){
var t=document.getElementById('wd').value;
if(t==""){
document.getElementById('divs').style.display="none";//隐藏
}
else{
document.getElementById('divs').style.display="block";//显示
}
}
//window.onload=dis;
</script>
</head>
<body>
<input name="wd" id="wd" type="text" onblur="dis();" > //当失去焦点时出发dis事件，
<div id="divs" style="display:none" onClick="javascript:document.getElementById('wd').value='';" >删除</div>
</body>
function dis(){
var t=document.getElementById('wd').value;
if(t==""){
document.getElementById('divs').style.display="none";//隐藏
}
else{
document.getElementById('divs').style.display="block";//显示
}
}
//window.onload=dis;
</script>
</head>
<body>
<input name="wd" id="wd" type="text" onblur="dis();" > //当失去焦点时出发dis事件，
<div id="divs" style="display:none" onClick="javascript:document.getElementById('wd').value='';" >删除</div>
</body>
追问
朋友 我要当输入第一个关键字在上面试 就触发DIS事件 需要怎么写 希望帮忙解答 追加
追答
如果你必须用html做的话，你说的那种情况不好实现，可以使用asp，把控件换成服务器端控件runat=“seaver”，触发文本框的TextChanged（）事件是可以实现的，如果你需要asp代码，我可以给你写的
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
先写一段JS代码如下
//这里是传入要input:text对象id
function showInput(id) {
//这里是获得id为xxx的div对象
var div = document.getElementById("xxx");
div.innerHTML = document.getElementById(id).value;
}
给这个输入框添加一个onkeydown事件
也就是 <input name="wd" id="wd" type="text" onkeydown="showInput('wd')" >
//这里是传入要input:text对象id
function showInput(id) {
//这里是获得id为xxx的div对象
var div = document.getElementById("xxx");
div.innerHTML = document.getElementById(id).value;
}
给这个输入框添加一个onkeydown事件
也就是 <input name="wd" id="wd" type="text" onkeydown="showInput('wd')" >
追问
好像不行哦!你理解错了吧?
我意思是 当输入框有值的时候 显示 ：[ 删除 ] 这括号里面的全部，我加了点代码 不然会被误认为是 只显示DIV中的ID 当输入框没有值或为空格时不显示
麻烦帮我解答下 ，谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的意思是说，你在输入框输入值时，就显示<div>这个元素？？就是说刚打开这个网页的时候没有这个<div>，而是输入框输入值时触动事件，，然后给文本添加这个元素
追问
嗯 对的就是这个意思
追答
现在给你提供两个方法：第一个是输入框监听，缺点是，你鼠标要移开输入框才开始判断的
function divShow(){
var text = document.getElementById('wd').value.replace(/(^\s*)|(\s*$)/g,"");
if(text){
document.getElementById('xxx').style.display="block";
}else{
document.getElementById('xxx').style.display="none";
}
}
删除
第二种就是给元素添加鼠标事件，缺点是如过还有其它元素，判断的次数会很多，还有个小问题就是我在输入框删除所填类容时好像没反应
删除
调用的方法和第一种一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
</head>
<body>
<input type = "textbox" onkeydown="test()" />
<div id="hide" style="border:1px solid red; display:none;">隐藏层</div>
</body>
<script>
function test()
{
document.getElementById("hide").style.display = "";
}
</script>
</html>
<head>
</head>
<body>
<input type = "textbox" onkeydown="test()" />
<div id="hide" style="border:1px solid red; display:none;">隐藏层</div>
</body>
<script>
function test()
{
document.getElementById("hide").style.display = "";
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script language="javascript">
function change(){
if(document.getElementById('wd').value==""){
document.getElementById('xxx').style.visibility="hidden";
}
else{
document.getElementById('xxx').style.visibility="";
}
}
</script>
</head>
<body>
<input name="wd" id="wd" type="text" onKeyUp="change();">
<div id="xxx" name="xxx" onClick="document.getElementById('wd').value='';" style="visibility: hidden;" ><a href="">删除</a></div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script language="javascript">
function change(){
if(document.getElementById('wd').value==""){
document.getElementById('xxx').style.visibility="hidden";
}
else{
document.getElementById('xxx').style.visibility="";
}
}
</script>
</head>
<body>
<input name="wd" id="wd" type="text" onKeyUp="change();">
<div id="xxx" name="xxx" onClick="document.getElementById('wd').value='';" style="visibility: hidden;" ><a href="">删除</a></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
